@oslokommune/punkt-elements 20.0.3 → 20.1.0

package/dist/{input-element-De40zUox.js → input-element-DE0FzjgP.js}

@@ -1,10 +1,10 @@
-import { l as e, n as t, u as n } from "./element-DLgZkx5L.js";
-import { t as r } from "./format-BTeSVkED.js";
-import { t as i } from "./element-with-slot-mG-h7Sjw.js";
-import { n as a, t as o } from "./booleanish-OQJTYSrw.js";
-import "./shared-types-A6iGIX-f.js";
-import { n as s } from "./utils-BwF4QSrq.js";
-//#region ../../node_modules/element-internals-polyfill/dist/maps.js
+import { l as e, n as t, u as n } from "./element-Bwc-likm.js";
+import { n as r } from "./utils-Dn5ykFtS.js";
+import "./shared-types-BvRk9kiK.js";
+import { n as i, t as a } from "./booleanish-CBa3Cr2h.js";
+import { t as o } from "./format-DwjTfa9h.js";
+import { t as s } from "./element-with-slot-47quDZRt.js";
+// ../../node_modules/element-internals-polyfill/dist/maps.js
 var c = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), ee = /* @__PURE__ */ new WeakMap(), p = /* @__PURE__ */ new WeakMap(), m = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap(), g = /* @__PURE__ */ new WeakMap(), _ = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), b = /* @__PURE__ */ new WeakMap(), x = /* @__PURE__ */ new WeakMap(), S = (e, t, n) => {
 	e.getAttribute(t) !== n && e.setAttribute(t, n);
 }, C = (e, t) => {
@@ -86,8 +86,7 @@ var c = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap(), u = /*
 function N() {
 	return typeof MutationObserver < "u";
 }
-//#endregion
-//#region ../../node_modules/element-internals-polyfill/dist/aom.js
+// ../../node_modules/element-internals-polyfill/dist/aom.js
 var P = {
 	ariaAtomic: "aria-atomic",
 	ariaAutoComplete: "aria-autocomplete",
@@ -282,8 +281,7 @@ var U = class extends Set {
 		return this[e] == null ? null : this[e];
 	}
 };
-//#endregion
-//#region ../../node_modules/element-internals-polyfill/dist/patch-form-prototype.js
+// ../../node_modules/element-internals-polyfill/dist/patch-form-prototype.js
 function he() {
 	let e = HTMLFormElement.prototype.checkValidity;
 	HTMLFormElement.prototype.checkValidity = n;
@@ -303,8 +301,7 @@ function he() {
 		return n.length === 0 ? t : new me(Array.from(t).concat(n).sort((e, t) => e.compareDocumentPosition ? e.compareDocumentPosition(t) & 2 ? 1 : -1 : 0));
 	} });
 }
-//#endregion
-//#region ../../node_modules/element-internals-polyfill/dist/element-internals.js
+// ../../node_modules/element-internals-polyfill/dist/element-internals.js
 var K = class {
 	static get isPolyfilled() {
 		return !0;
@@ -458,15 +455,13 @@ function _e(e = !0) {
 		N() && typeof document < "u" && new MutationObserver(z).observe(document.documentElement, B), typeof HTMLFormElement < "u" && he(), (e || typeof window < "u" && !window.CustomStateSet) && Y();
 	}
 }
-//#endregion
-//#region ../../node_modules/element-internals-polyfill/dist/index.js
+// ../../node_modules/element-internals-polyfill/dist/index.js
 customElements.polyfillWrapFlushCallback || (ge() ? typeof window < "u" && !window.CustomStateSet && Y(HTMLElement.prototype.attachInternals) : _e(!1));
-//#endregion
-//#region src/base-elements/input-element.ts
+// src/base-elements/input-element.ts
 var X = "on", ve = "--checked", Z = ",", Q = (e) => e === !0 || e === "" || e === "true", ye = /* @__PURE__ */ new WeakMap(), be = 0, xe = (e) => {
 	let t = ye.get(e);
 	return t || (t = e.id || `form${++be}`, ye.set(e, t)), t;
-}, Se = () => !!globalThis.ElementInternals?.isPolyfilled, $ = class e extends i {
+}, Se = () => !!globalThis.ElementInternals?.isPolyfilled, $ = class e extends s {
 	static get formAssociated() {
 		return !0;
 	}
@@ -510,7 +505,7 @@ var X = "on", ve = "--checked", Z = ",", Q = (e) => e === !0 || e === "" || e ==
 		return this.hasFieldset ?? e;
 	}
 	constructor() {
-		super(), this.defaultValue = null, this.disabled = !1, this.readonly = !1, this.required = !1, this.max = null, this.maxlength = null, this.min = null, this.minlength = null, this.step = null, this.ariaDescribedby = null, this.ariaLabelledby = null, this.name = "", this.pattern = null, this.placeholder = null, this.id = s(), this.counter = null, this.hasError = !1, this.inline = !1, this.hasFieldset = null, this.optionalTag = !1, this.requiredTag = !1, this.skipForwardTestid = !1, this.useWrapper = !0, this.fullwidth = !1, this.counterMaxLength = 0, this.errorMessage = "", this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = null, this.label = null, this.tagText = null, this.inputSize = "medium", this.dataTestid = "", this.formDisabled = !1, this.derivedName = null, this.groupValidityMessage = "", this.touched = !1, this._initialized = !1, this.polyfillFormValue = null, this._didInitDerivedState = !1, this._defaultCheckedState = !1, this.internals = this.attachInternals();
+		super(), this.defaultValue = null, this.disabled = !1, this.readonly = !1, this.required = !1, this.max = null, this.maxlength = null, this.min = null, this.minlength = null, this.step = null, this.ariaDescribedby = null, this.ariaLabelledby = null, this.name = "", this.pattern = null, this.placeholder = null, this.id = r(), this.counter = null, this.hasError = !1, this.inline = !1, this.hasFieldset = null, this.optionalTag = !1, this.requiredTag = !1, this.skipForwardTestid = !1, this.useWrapper = !0, this.fullwidth = !1, this.counterMaxLength = 0, this.errorMessage = "", this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = null, this.label = null, this.tagText = null, this.inputSize = "medium", this.dataTestid = "", this.formDisabled = !1, this.derivedName = null, this.groupValidityMessage = "", this.touched = !1, this._initialized = !1, this.polyfillFormValue = null, this._didInitDerivedState = !1, this._defaultCheckedState = !1, this.internals = this.attachInternals();
 	}
 	connectedCallback() {
 		super.connectedCallback(), Se() && queueMicrotask(() => {
@@ -536,7 +531,7 @@ var X = "on", ve = "--checked", Z = ",", Q = (e) => e === !0 || e === "" || e ==
 		(this.isCheckable ? this.checkableValueMissing(t ?? this.checkableGroup()) : this.required && !this.value) ? this.internals.setValidity(this.groupValidityMessage ? {
 			valueMissing: !0,
 			customError: !0
-		} : { valueMissing: !0 }, this.groupValidityMessage || n.valueMissing, e) : e.validity?.typeMismatch || e.validity?.badInput ? this.internals.setValidity({ typeMismatch: !0 }, n.typeMismatch, e) : e.validity?.patternMismatch ? this.internals.setValidity({ patternMismatch: !0 }, n.patternMismatch, e) : e.validity?.tooShort || this.minlength && this.minlength > 0 && this.valueLength < this.minlength ? this.internals.setValidity({ tooShort: !0 }, n.tooShort, e) : e.validity?.tooLong || this.maxlength && this.maxlength > 0 && this.valueLength > this.maxlength ? this.internals.setValidity({ tooLong: !0 }, n.tooLong, e) : e.validity?.rangeUnderflow ? this.internals.setValidity({ rangeUnderflow: !0 }, this.min ? r(n.rangeUnderflowMin, { min: this.min.toString() }) : n.rangeUnderflow, e) : e.validity?.stepMismatch ? this.internals.setValidity({ stepMismatch: !0 }, n.typeMismatch, e) : e.validity?.rangeOverflow ? this.internals.setValidity({ rangeOverflow: !0 }, this.max ? r(n.rangeOverflowMax, { max: this.max.toString() }) : n.rangeOverflow, e) : e.validity?.customError ? this.internals.setValidity({ customError: !0 }, e.validationMessage, e) : this.groupValidityMessage ? this.internals.setValidity({ customError: !0 }, this.groupValidityMessage, e) : this.internals.setValidity({});
+		} : { valueMissing: !0 }, this.groupValidityMessage || n.valueMissing, e) : e.validity?.typeMismatch || e.validity?.badInput ? this.internals.setValidity({ typeMismatch: !0 }, n.typeMismatch, e) : e.validity?.patternMismatch ? this.internals.setValidity({ patternMismatch: !0 }, n.patternMismatch, e) : e.validity?.tooShort || this.minlength && this.minlength > 0 && this.valueLength < this.minlength ? this.internals.setValidity({ tooShort: !0 }, n.tooShort, e) : e.validity?.tooLong || this.maxlength && this.maxlength > 0 && this.valueLength > this.maxlength ? this.internals.setValidity({ tooLong: !0 }, n.tooLong, e) : e.validity?.rangeUnderflow ? this.internals.setValidity({ rangeUnderflow: !0 }, this.min ? o(n.rangeUnderflowMin, { min: this.min.toString() }) : n.rangeUnderflow, e) : e.validity?.stepMismatch ? this.internals.setValidity({ stepMismatch: !0 }, n.typeMismatch, e) : e.validity?.rangeOverflow ? this.internals.setValidity({ rangeOverflow: !0 }, this.max ? o(n.rangeOverflowMax, { max: this.max.toString() }) : n.rangeOverflow, e) : e.validity?.customError ? this.internals.setValidity({ customError: !0 }, e.validationMessage, e) : this.groupValidityMessage ? this.internals.setValidity({ customError: !0 }, this.groupValidityMessage, e) : this.internals.setValidity({});
 	}
 	setFormValue(e) {
 		if (this.internals) {
@@ -665,7 +660,7 @@ var X = "on", ve = "--checked", Z = ",", Q = (e) => e === !0 || e === "" || e ==
 		].some((t) => e.has(t)) && (this.syncCheckedState(), this.validateCheckable())), e.has("dataTestid") && this.dataTestid && this.inputRef.value && (this.skipForwardTestid ? this.hasAttribute("data-testid") || this.setAttribute("data-testid", this.dataTestid) : (this.inputRef.value.dataset.testid = this.dataTestid, this.removeAttribute("data-testid")));
 	}
 	willUpdate(e) {
-		super.willUpdate(e), e.has("disabled") && this.toggleAttribute("disabled", this.disabled), this.syncGroupName(), !this._didInitDerivedState && (this._didInitDerivedState = !0, this.defaultChecked && (this.checked = !0), this.id && !this.name && (this.name = this.id, this.derivedName = this.id), this.value && this.defaultValue === null && (this.defaultValue = this.value), this.defaultValue !== null && !this.value && this.valueChanged(this.defaultValue, null));
+		super.willUpdate(e), e.has("disabled") && this.toggleAttribute("disabled", this.disabled), this.syncGroupName(), this._didInitDerivedState || (this._didInitDerivedState = !0, this.defaultChecked && (this.checked = !0), this.id && !this.name && (this.name = this.id, this.derivedName = this.id), this.value && this.defaultValue === null && (this.defaultValue = this.value), this.defaultValue !== null && !this.value && this.valueChanged(this.defaultValue, null));
 	}
 	firstUpdated(e) {
 		if (super.firstUpdated(e), this.defaultChecked && (this.internals.ariaChecked = "true"), this.isRequired && (this.internals.ariaRequired = "true"), this.disabled && (this.internals.ariaDisabled = "true"), this.checked !== void 0) {
@@ -735,14 +730,14 @@ t([n({
 	reflect: !0
 })], $.prototype, "id", void 0), t([n({
 	type: Boolean,
-	converter: a
+	converter: i
 })], $.prototype, "counter", void 0), t([n({ type: Boolean })], $.prototype, "hasError", void 0), t([n({ type: Boolean })], $.prototype, "inline", void 0), t([n({
 	type: Boolean,
-	converter: a
+	converter: i
 })], $.prototype, "hasFieldset", void 0), t([n({ type: Boolean })], $.prototype, "optionalTag", void 0), t([n({ type: Boolean })], $.prototype, "requiredTag", void 0), t([n({ type: Boolean })], $.prototype, "skipForwardTestid", void 0), t([n({
 	type: Boolean,
 	reflect: !0,
-	converter: o
+	converter: a
 })], $.prototype, "useWrapper", void 0), t([n({
 	type: Boolean,
 	reflect: !0
@@ -766,5 +761,4 @@ t([n({
 	attribute: "data-testid",
 	hasChanged: (e, t) => !!e && e !== t
 })], $.prototype, "dataTestid", void 0), t([e()], $.prototype, "formDisabled", void 0);
-//#endregion
 export { $ as t };

package/dist/{input-wrapper-C_Rzwxx7.cjs → input-wrapper-CbYMk21W.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-CEarCnHH.cjs"),t=require("./format-B8meU8Tm.cjs"),n=require("./element-with-slot-CeKuRE3_.cjs"),r=require("./booleanish-BF8l4scU.cjs");require("./shared-types-BvRk9kiK.cjs"),require("./alert-DkyTTo7S.cjs");const i=require("./icon-5A378_yh.cjs"),a=require("./if-defined-Ci4ZQsgL.cjs"),o=require("./utils-63cRpWut.cjs");require("./helptext-Bse1LpRd.cjs");const s=require("./focus-modality-controller-C1ocyv2J.cjs");var c={counter:!1,counterCurrent:0,counterPosition:`bottom`,optionalTag:!1,requiredTag:!1,hasError:!1,disabled:!1,inline:!1,hasFieldset:!1,layout:`vertical`,useWrapper:!0,size:`medium`},l=e=>{let t=[];return e.hasHelptext&&t.push(`${e.id}-helptext`),e.hasCounter&&t.push(`${e.id}-counter-status`),e.ariaDescribedby&&t.push(e.ariaDescribedby),t.length?t.join(` `):void 0},u=e=>`${e}-counter-status`,d=(e,t)=>!!t&&t>0&&(e??0)>t,f=class extends n.t{constructor(...e){super(...e),this.forId=o.n(),this.label=``,this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=c.counter,this.counterCurrent=c.counterCurrent,this.counterMaxLength=0,this.counterError=null,this.counterPosition=c.counterPosition,this.optionalTag=c.optionalTag,this.requiredTag=c.requiredTag,this.tagText=null,this.hasError=c.hasError,this.errorMessage=``,this.disabled=c.disabled,this.inline=c.inline,this.ariaDescribedby=void 0,this.hasFieldset=c.hasFieldset,this.layout=c.layout,this.role=null,this.useWrapper=c.useWrapper,this.size=c.size,this.focusModality=new s.t(this)}updated(e){super.updated(e),this.classList.add(`pkt-inputwrapper`),this.classList.toggle(`pkt-inputwrapper--error`,this.hasError),this.classList.toggle(`pkt-inputwrapper--disabled`,this.disabled),this.classList.toggle(`pkt-inputwrapper--inline`,this.inline),this.classList.toggle(`pkt-inputwrapper--medium`,this.size===`medium`),this.classList.toggle(`pkt-inputwrapper--small`,this.size===`small`),this.classList.toggle(`pkt-inputwrapper--xsmall`,this.size===`xsmall`),this.role?this.setAttribute(`aria-labelledby`,`${this.forId}-label`):this.removeAttribute(`aria-labelledby`)}render(){let r=`pkt-tag pkt-tag--small pkt-tag--thin-text`,o=!!this.helptext||this.hasSlotContent(`helptext`),s=new Set([this.ariaDescribedby||(o?`${this.forId}-helptext`:``),this.hasError&&this.errorMessage?`${this.forId}-error`:``].join(` `).split(` `).filter(Boolean)),c=s.size?[...s].join(` `):e.h,l=this.pktStrings.get(`forms`),f=()=>e._`
+const e=require("./element-CEarCnHH.cjs"),t=require("./format-B8meU8Tm.cjs"),n=require("./element-with-slot-D_8fAzCW.cjs"),r=require("./booleanish-BF8l4scU.cjs");require("./shared-types-BvRk9kiK.cjs"),require("./alert-0a5lX0pL.cjs");const i=require("./icon-5A378_yh.cjs"),a=require("./if-defined-Ci4ZQsgL.cjs"),o=require("./utils-63cRpWut.cjs");require("./helptext-CQaNvbiv.cjs");const s=require("./focus-modality-controller-C1ocyv2J.cjs");var c={counter:!1,counterCurrent:0,counterPosition:`bottom`,optionalTag:!1,requiredTag:!1,hasError:!1,disabled:!1,inline:!1,hasFieldset:!1,layout:`vertical`,useWrapper:!0,size:`medium`},l=e=>{let t=[];return e.hasHelptext&&t.push(`${e.id}-helptext`),e.hasCounter&&t.push(`${e.id}-counter-status`),e.ariaDescribedby&&t.push(e.ariaDescribedby),t.length?t.join(` `):void 0},u=e=>`${e}-counter-status`,d=(e,t)=>!!t&&t>0&&(e??0)>t,f=class extends n.t{constructor(...e){super(...e),this.forId=o.n(),this.label=``,this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=c.counter,this.counterCurrent=c.counterCurrent,this.counterMaxLength=0,this.counterError=null,this.counterPosition=c.counterPosition,this.optionalTag=c.optionalTag,this.requiredTag=c.requiredTag,this.tagText=null,this.hasError=c.hasError,this.errorMessage=``,this.disabled=c.disabled,this.inline=c.inline,this.ariaDescribedby=void 0,this.hasFieldset=c.hasFieldset,this.layout=c.layout,this.role=null,this.useWrapper=c.useWrapper,this.size=c.size,this.focusModality=new s.t(this)}updated(e){super.updated(e),this.classList.add(`pkt-inputwrapper`),this.classList.toggle(`pkt-inputwrapper--error`,this.hasError),this.classList.toggle(`pkt-inputwrapper--disabled`,this.disabled),this.classList.toggle(`pkt-inputwrapper--inline`,this.inline),this.classList.toggle(`pkt-inputwrapper--medium`,this.size===`medium`),this.classList.toggle(`pkt-inputwrapper--small`,this.size===`small`),this.classList.toggle(`pkt-inputwrapper--xsmall`,this.size===`xsmall`),this.role?this.setAttribute(`aria-labelledby`,`${this.forId}-label`):this.removeAttribute(`aria-labelledby`)}render(){let r=`pkt-tag pkt-tag--small pkt-tag--thin-text`,o=!!this.helptext||this.hasSlotContent(`helptext`),s=new Set([this.ariaDescribedby||(o?`${this.forId}-helptext`:``),this.hasError&&this.errorMessage?`${this.forId}-error`:``].join(` `).split(` `).filter(Boolean)),c=s.size?[...s].join(` `):e.h,l=this.pktStrings.get(`forms`),f=()=>e._`
         ${this.tagText?e._`<span class=${r+` pkt-tag--gray`}>${this.tagText}</span>`:e.h}
         ${this.optionalTag?e._`<span class=${r+` pkt-tag--blue-pale`}
               >${this.optionalText??l.optional}</span

package/dist/{input-wrapper-DkpJS1hR.js → input-wrapper-DYg1VHPv.js}

@@ -1,15 +1,15 @@
-import { _ as e, d as t, h as n, n as r, u as i } from "./element-DLgZkx5L.js";
-import { t as a } from "./format-BTeSVkED.js";
-import { i as o, n as s, t as c } from "./element-with-slot-mG-h7Sjw.js";
-import { t as l } from "./booleanish-OQJTYSrw.js";
-import "./shared-types-A6iGIX-f.js";
-import "./alert-CA1fDbyc.js";
-import { r as u } from "./icon-C1oCGwEe.js";
-import { t as d } from "./if-defined-DiYi2v_Q.js";
-import { n as f } from "./utils-BwF4QSrq.js";
-import "./helptext-BFQzrOw4.js";
-import { t as p } from "./focus-modality-controller-Dc2S-KqR.js";
-//#region ../../shared-types/input-wrapper.ts
+import { _ as e, d as t, h as n, n as r, u as i } from "./element-Bwc-likm.js";
+import { t as a } from "./format-DwjTfa9h.js";
+import { i as o, n as s, t as c } from "./element-with-slot-47quDZRt.js";
+import { t as l } from "./booleanish-CBa3Cr2h.js";
+import "./shared-types-BvRk9kiK.js";
+import "./alert-ZrB-P881.js";
+import { r as u } from "./icon-CZDw42U7.js";
+import { t as d } from "./if-defined-B3pYog2C.js";
+import { n as f } from "./utils-Dn5ykFtS.js";
+import "./helptext-kKmVQkwo.js";
+import { t as p } from "./focus-modality-controller-DVsT6GeR.js";
+// ../../shared-types/input-wrapper.ts
 var m = {
 	counter: !1,
 	counterCurrent: 0,
@@ -149,8 +149,6 @@ try {
 } catch {
 	console.warn("Forsøker å definere <pkt-input-wrapper>, men den er allerede definert");
 }
-//#endregion
-//#region src/components/input-wrapper/index.ts
+// src/components/input-wrapper/index.ts
 var y = v;
-//#endregion
 export { v as n, h as r, y as t };

package/dist/{link-DLPpwjq4.js → link-Bc4zf-Dj.js}

@@ -1,10 +1,9 @@
-import { _ as e, d as t, h as n, n as r, u as i } from "./element-DLgZkx5L.js";
-import { t as a } from "./class-map-BDwVSgLb.js";
-import { i as o, t as s } from "./element-with-slot-mG-h7Sjw.js";
-import "./icon-C1oCGwEe.js";
-import { t as c } from "./define-component-spec-BYOSeplU.js";
-//#endregion
-//#region src/components/link/link.ts
+import { i as e, t } from "./element-with-slot-47quDZRt.js";
+import { _ as n, d as r, h as i, n as a, u as o } from "./element-Bwc-likm.js";
+import { t as s } from "./class-map-C9n5CNC8.js";
+import { t as c } from "./define-component-spec-wHP10r2x.js";
+import "./icon-CZDw42U7.js";
+// src/components/link/link.ts
 var l = c({
 	name: "pkt-link",
 	react: "PktLink",
@@ -90,7 +89,7 @@ var l = c({
 		}
 	} },
 	slots: { default: { description: "Innholdet i lenken" } }
-}).props, u = class extends s {
+}).props, u = class extends t {
 	constructor(...e) {
 		super(...e), this.href = l.href.default, this.iconName = void 0, this.iconPosition = void 0, this.rel = null, this.target = l.target.default;
 	}
@@ -99,39 +98,37 @@ var l = c({
 			"pkt-link": !0,
 			"pkt-link--icon-left": !!this.iconName && this.iconPosition === "left" || !(!this.iconName || this.iconPosition),
 			"pkt-link--icon-right": !!this.iconName && this.iconPosition === "right"
-		}, r = this.target && this.target !== "_self" ? this.target : n;
-		return e`<a
-      class=${a(t)}
+		}, r = this.target && this.target !== "_self" ? this.target : i;
+		return n`<a
+      class=${s(t)}
       href=${this.href}
       target=${r}
-      rel=${this.rel || n}
-      >${this.iconName ? e`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>` : ""}${o(this)}</a
+      rel=${this.rel || i}
+      >${this.iconName ? n`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>` : ""}${e(this)}</a
     >`;
 	}
 };
-r([i({
+a([o({
 	type: String,
 	reflect: !0
-})], u.prototype, "href", void 0), r([i({
+})], u.prototype, "href", void 0), a([o({
 	type: String,
 	reflect: !0
-})], u.prototype, "iconName", void 0), r([i({
+})], u.prototype, "iconName", void 0), a([o({
 	type: String,
 	reflect: !0
-})], u.prototype, "iconPosition", void 0), r([i({
+})], u.prototype, "iconPosition", void 0), a([o({
 	type: String,
 	reflect: !0
-})], u.prototype, "rel", void 0), r([i({
+})], u.prototype, "rel", void 0), a([o({
 	type: String,
 	reflect: !0
 })], u.prototype, "target", void 0);
 try {
-	t("pkt-link")(u);
+	r("pkt-link")(u);
 } catch {
 	console.warn("Forsøker å definere <pkt-link>, men den er allerede definert");
 }
-//#endregion
-//#region src/components/link/index.ts
+// src/components/link/index.ts
 var d = u;
-//#endregion
 export { u as n, d as t };

package/dist/link-lPrxhYq0.cjs

@@ -0,0 +1,7 @@
+const e=require("./element-with-slot-D_8fAzCW.cjs"),t=require("./element-CEarCnHH.cjs"),n=require("./class-map-C82GtM1w.cjs"),r=require("./define-component-spec-DBNd2FJY.cjs");require("./icon-5A378_yh.cjs");var i={href:{type:`string`,description:`Mål-URL for lenken.`,required:!0,reactOnly:!0},className:{type:`string`,description:`CSS-klasser Punkt har satt på lenken.`,required:!0,reactOnly:!0},children:{type:`ReactNode`,description:`Innhold/label som skal rendres inni lenken.`,required:!0,reactOnly:!0},props:{type:`AnchorHTMLAttributes<HTMLAnchorElement>`,description:`Resten av anchor-attributter (f.eks. <code>onClick</code>, <code>aria-*</code>) som skal spreades på lenken.`,required:!0,reactOnly:!0}},a={name:`Egendefinert lenkekomponent`,description:`React: Funksjon for å rendre en egendefinert lenkekomponent (f.eks. Next.js Link eller React Router Link). Mottar et <code>IRenderLink</code>-objekt med href, className, children og props. Standard er et vanlig <code>&lt;a&gt;</code>-element.`,type:`(args: IRenderLink) => ReactNode`,relatedTypes:[`IRenderLink`],category:`tech`,reactOnly:!0},o={IRenderLink:{title:`IRenderLink`,description:`Objektet som sendes til <code>renderLink</code> i Link, BackLink og Breadcrumbs. Kun React — brukes til å bytte ut standard <code>&lt;a&gt;</code> med f.eks. Next.js Link eller React Router Link.`,properties:i}},s=r.t({name:`pkt-link`,react:`PktLink`,"css-class":`pkt-link`,"dark-mode":!0,isElement:!0,props:{href:{name:`URL`,description:`URL til lenken`,type:`string`,default:`#`,displayDefault:!0,category:`contents`},target:{name:`Mål`,description:`Mål for lenken`,type:[`_blank`,`_self`,`_parent`,`_top`],default:`_self`,category:`tech`},rel:{name:`Relasjon`,description:`Forholdet mellom siden og målet for lenken, som i <code>rel</code> på en vanlig lenke. For eksempel <code>noopener noreferrer</code>.`,type:`string`,category:`tech`},iconName:{name:`Ikon`,description:`Ikon som skal vises ved siden av lenketeksten`,type:`icon`,category:`ui`},iconPosition:{name:`Ikonposisjon`,description:`Posisjonen til ikonet i forhold til lenketeksten`,type:[`left`,`right`],category:`ui`},renderLink:a},types:{...o},slots:{default:{description:`Innholdet i lenken`}}}).props,c=class extends e.t{constructor(...e){super(...e),this.href=s.href.default,this.iconName=void 0,this.iconPosition=void 0,this.rel=null,this.target=s.target.default}render(){let r={"pkt-link":!0,"pkt-link--icon-left":!!this.iconName&&this.iconPosition===`left`||!(!this.iconName||this.iconPosition),"pkt-link--icon-right":!!this.iconName&&this.iconPosition===`right`},i=this.target&&this.target!==`_self`?this.target:t.h;return t._`<a
+      class=${n.t(r)}
+      href=${this.href}
+      target=${i}
+      rel=${this.rel||t.h}
+      >${this.iconName?t._`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>`:``}${e.i(this)}</a
+    >`}};t.n([t.u({type:String,reflect:!0})],c.prototype,`href`,void 0),t.n([t.u({type:String,reflect:!0})],c.prototype,`iconName`,void 0),t.n([t.u({type:String,reflect:!0})],c.prototype,`iconPosition`,void 0),t.n([t.u({type:String,reflect:!0})],c.prototype,`rel`,void 0),t.n([t.u({type:String,reflect:!0})],c.prototype,`target`,void 0);try{t.d(`pkt-link`)(c)}catch{console.warn(`Forsøker å definere <pkt-link>, men den er allerede definert`)}var l=c;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/dist/{linkcard-DIG6VYpl.cjs → linkcard-Bih7HS2t.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-CEarCnHH.cjs"),t=require("./element-with-slot-CeKuRE3_.cjs");require("./shared-types-BvRk9kiK.cjs"),require("./icon-5A378_yh.cjs");const n=require("./if-defined-Ci4ZQsgL.cjs");var r=[`white`,`blue`,`green`,`beige`],i=class extends t.t{constructor(...e){super(...e),this.title=``,this.href=`#`,this.iconName=``,this.openInNewTab=!1,this.skin=void 0}render(){let i=[`pkt-linkcard`,this.skin&&`pkt-linkcard--${this.skin}`].filter(Boolean).join(` `),a=this.pktStrings.get(`linkcard`),o=this.openInNewTab?a.openInNewTab:``;return e._`
+const e=require("./element-CEarCnHH.cjs"),t=require("./element-with-slot-D_8fAzCW.cjs");require("./shared-types-BvRk9kiK.cjs"),require("./icon-5A378_yh.cjs");const n=require("./if-defined-Ci4ZQsgL.cjs");var r=[`white`,`blue`,`green`,`beige`],i=class extends t.t{constructor(...e){super(...e),this.title=``,this.href=`#`,this.iconName=``,this.openInNewTab=!1,this.skin=void 0}render(){let i=[`pkt-linkcard`,this.skin&&`pkt-linkcard--${this.skin}`].filter(Boolean).join(` `),a=this.pktStrings.get(`linkcard`),o=this.openInNewTab?a.openInNewTab:``;return e._`
       <a
         href=${this.href}
         class=${i}

package/dist/{linkcard-Dr-r8jBO.js → linkcard-LCFAdVsG.js}

@@ -1,9 +1,9 @@
-import { _ as e, d as t, n, u as r } from "./element-DLgZkx5L.js";
-import { i, t as a } from "./element-with-slot-mG-h7Sjw.js";
-import "./shared-types-A6iGIX-f.js";
-import "./icon-C1oCGwEe.js";
-import { t as o } from "./if-defined-DiYi2v_Q.js";
-//#region ../../shared-types/linkcard.ts
+import { _ as e, d as t, n, u as r } from "./element-Bwc-likm.js";
+import { i, t as a } from "./element-with-slot-47quDZRt.js";
+import "./shared-types-BvRk9kiK.js";
+import "./icon-CZDw42U7.js";
+import { t as o } from "./if-defined-B3pYog2C.js";
+// ../../shared-types/linkcard.ts
 var s = [
 	"white",
 	"blue",
@@ -53,8 +53,6 @@ try {
 } catch {
 	console.warn("Forsøker å definere <pkt-linkcard>, men den er allerede definert");
 }
-//#endregion
-//#region src/components/linkcard/index.ts
+// src/components/linkcard/index.ts
 var l = c;
-//#endregion
 export { c as n, l as t };

package/dist/{listbox-HrH4JonS.cjs → listbox-Du8llYth.cjs}

@@ -1,10 +1,10 @@
-const e=require("./element-CEarCnHH.cjs"),t=require("./class-map-C82GtM1w.cjs"),n=require("./format-B8meU8Tm.cjs"),r=require("./if-defined-Ci4ZQsgL.cjs"),i=require("./repeat-CjvNrcUr.cjs"),a=require("./utils-63cRpWut.cjs");var o=(e,t)=>t&&(e.find(e=>e.value===t)||e.find(e=>e.label===t))||null,s=(e,t)=>{if(!t)return-1;let n=e.findIndex(e=>e.value===t);return n>=0?n:e.findIndex(e=>e.label===t)},c=e=>e.value+(e.label||``)+(e.prefix||``),l=(e,t)=>(e.fulltext||c(e)).toLowerCase().includes(t),u=(e,t)=>{if(!t)return[...e];let n=t.toLowerCase();return e.filter(e=>l(e,n))},d=(e,t)=>t!==null&&e>=t,f=(e,t)=>{if(!e)return``;switch(t){case`prefixAndValue`:return`${e.prefix||``} ${e.value}`.trim();case`value`:return e.value;default:return e.label||e.value}},p=(e,t)=>{if(!t)return{filtered:[...e],suggestion:null};let n=t.toLowerCase(),r=e.filter(e=>l(e,n));return{filtered:r,suggestion:r.find(e=>!e.selected&&e.label?.toLowerCase().startsWith(n))||null}},m=(e,t,n,r)=>{if(!e.trim())return{addValueText:null,userInfoMessage:``};let i=e.trim().toLowerCase(),a=t.find(e=>e.toLowerCase()===i),o=n.filter(e=>e.label?.toLowerCase().includes(i)||e.value.toLowerCase().includes(i)),s=o.find(e=>e.label?.toLowerCase()===i||e.value.toLowerCase()===i);return(o.length===0||!s)&&r?{addValueText:e,userInfoMessage:``}:o.length===0&&!r?{addValueText:null,userInfoMessage:`noResults`}:a?{addValueText:null,userInfoMessage:`alreadySelected`}:{addValueText:null,userInfoMessage:``}},h=e=>/^[\p{L} ]$/u.test(e),g=(e=500)=>{let t=``,n;return{append:r=>(t+=r.toLowerCase(),n!==void 0&&clearTimeout(n),n=setTimeout(()=>{t=``},e),t),reset:()=>{t=``,n!==void 0&&(clearTimeout(n),n=void 0)},getBuffer:()=>t}},_=(e,t)=>{let n=t.toLowerCase();return e.findIndex(e=>e.textContent?.trim().toLowerCase().startsWith(n))},v=e=>{e.scrollIntoView({block:`nearest`}),window.setTimeout(()=>e.focus(),0)},y=e=>Array.from(e.querySelectorAll(`[role="option"]:not([data-disabled])`)||[]),b=e=>{let t=e.nextElementSibling;t&&v(t)},x=(e,t,n)=>{let r=e.previousElementSibling;if(e.dataset.index===`0`&&n){let e=t.querySelector(`[role="searchbox"]`);e&&v(e)}else r&&v(r)},S=e=>{let t=y(e);t[0]&&v(t[0])},C=e=>{let t=y(e),n=t[t.length-1];n&&v(n)},w=(e,t)=>{if(t.disabled)return;let n=y(e);if(t.allowUserInput&&t.customUserInput){let t=e.querySelector(`[data-type="new-option"]`);if(t){v(t);return}}let r=n.find(e=>e.dataset.selected===`true`);if(r)v(r);else{if(t.includeSearch&&!(document.activeElement instanceof HTMLInputElement)){let t=e.querySelector(`[role="searchbox"]`);if(t){window.setTimeout(()=>t.focus(),0);return}}n[0]&&v(n[0])}},T=class extends e.t{constructor(...e){super(...e),this.id=a.n(),this._listboxId=a.n(),this.label=null,this.options=[],this.isOpen=!1,this.disabled=!1,this.includeSearch=!1,this.isMultiSelect=!1,this.allowUserInput=!1,this.maxIsReached=!1,this.customUserInput=null,this.searchPlaceholder=null,this.searchValue=null,this.maxLength=0,this.userMessage=null,this._selectedOptions=0,this.typeahead=g(),this._filteredOptions=[]}connectedCallback(){super.connectedCallback();let e=this.getAttribute(`id`);e?this.adoptHostId(e):this.id&&(this._listboxId=this.id),this.includeSearch&&!this.searchValue&&(this.searchValue=``),this.options.length>0&&this.filterOptions(),this.setAttribute(`tabindex`,`-1`),this.addEventListener(`focus`,this.focusFirstOrSelectedOption)}disconnectedCallback(){super.disconnectedCallback(),this.typeahead.reset()}attributeChangedCallback(e,t,n){(e===`options`||e===`search-value`)&&this.filterOptions(),super.attributeChangedCallback(e,t,n),e===`id`&&n&&this.adoptHostId(n)}get _hasOptions(){return this._filteredOptions.length>0||this.options.length>0}adoptHostId(e){this._listboxId=e,this.removeAttribute(`id`)}willUpdate(e){super.willUpdate(e),(e.has(`options`)||e.has(`searchValue`))&&this.filterOptions()}render(){return e._`
+const e=require("./element-CEarCnHH.cjs"),t=require("./if-defined-Ci4ZQsgL.cjs"),n=require("./repeat-CjvNrcUr.cjs"),r=require("./class-map-C82GtM1w.cjs"),i=require("./format-B8meU8Tm.cjs"),a=require("./utils-63cRpWut.cjs");var o=(e,t)=>t&&(e.find(e=>e.value===t)||e.find(e=>e.label===t))||null,s=(e,t)=>{if(!t)return-1;let n=e.findIndex(e=>e.value===t);return n>=0?n:e.findIndex(e=>e.label===t)},c=e=>e.value+(e.label||``)+(e.prefix||``),l=(e,t)=>(e.fulltext||c(e)).toLowerCase().includes(t),u=(e,t)=>{if(!t)return[...e];let n=t.toLowerCase();return e.filter(e=>l(e,n))},d=(e,t)=>t!==null&&e>=t,f=(e,t)=>{if(!e)return``;switch(t){case`prefixAndValue`:return`${e.prefix||``} ${e.value}`.trim();case`value`:return e.value;default:return e.label||e.value}},p=(e,t)=>{if(!t)return{filtered:[...e],suggestion:null};let n=t.toLowerCase(),r=e.filter(e=>l(e,n));return{filtered:r,suggestion:r.find(e=>!e.selected&&e.label?.toLowerCase().startsWith(n))||null}},m=(e,t,n,r)=>{if(!e.trim())return{addValueText:null,userInfoMessage:``};let i=e.trim().toLowerCase(),a=t.find(e=>e.toLowerCase()===i),o=n.filter(e=>e.label?.toLowerCase().includes(i)||e.value.toLowerCase().includes(i)),s=o.find(e=>e.label?.toLowerCase()===i||e.value.toLowerCase()===i);return(o.length===0||!s)&&r?{addValueText:e,userInfoMessage:``}:o.length===0&&!r?{addValueText:null,userInfoMessage:`noResults`}:a?{addValueText:null,userInfoMessage:`alreadySelected`}:{addValueText:null,userInfoMessage:``}},h=e=>/^[\p{L} ]$/u.test(e),g=(e=500)=>{let t=``,n;return{append:r=>(t+=r.toLowerCase(),n!==void 0&&clearTimeout(n),n=setTimeout(()=>{t=``},e),t),reset:()=>{t=``,n!==void 0&&(clearTimeout(n),n=void 0)},getBuffer:()=>t}},_=(e,t)=>{let n=t.toLowerCase();return e.findIndex(e=>e.textContent?.trim().toLowerCase().startsWith(n))},v=e=>{e.scrollIntoView({block:`nearest`}),window.setTimeout(()=>e.focus(),0)},y=e=>Array.from(e.querySelectorAll(`[role="option"]:not([data-disabled])`)||[]),b=e=>{let t=e.nextElementSibling;t&&v(t)},x=(e,t,n)=>{let r=e.previousElementSibling;if(e.dataset.index===`0`&&n){let e=t.querySelector(`[role="searchbox"]`);e&&v(e)}else r&&v(r)},S=e=>{let t=y(e);t[0]&&v(t[0])},C=e=>{let t=y(e),n=t[t.length-1];n&&v(n)},w=(e,t)=>{if(t.disabled)return;let n=y(e);if(t.allowUserInput&&t.customUserInput){let t=e.querySelector(`[data-type="new-option"]`);if(t){v(t);return}}let r=n.find(e=>e.dataset.selected===`true`);if(r)v(r);else{if(t.includeSearch&&!(document.activeElement instanceof HTMLInputElement)){let t=e.querySelector(`[role="searchbox"]`);if(t){window.setTimeout(()=>t.focus(),0);return}}n[0]&&v(n[0])}},T=class extends e.t{constructor(...e){super(...e),this.id=a.n(),this._listboxId=a.n(),this.label=null,this.options=[],this.isOpen=!1,this.disabled=!1,this.includeSearch=!1,this.isMultiSelect=!1,this.allowUserInput=!1,this.maxIsReached=!1,this.customUserInput=null,this.searchPlaceholder=null,this.searchValue=null,this.maxLength=0,this.userMessage=null,this._selectedOptions=0,this.typeahead=g(),this._filteredOptions=[]}connectedCallback(){super.connectedCallback();let e=this.getAttribute(`id`);e?this.adoptHostId(e):this.id&&(this._listboxId=this.id),this.includeSearch&&!this.searchValue&&(this.searchValue=``),this.options.length>0&&this.filterOptions(),this.setAttribute(`tabindex`,`-1`),this.addEventListener(`focus`,this.focusFirstOrSelectedOption)}disconnectedCallback(){super.disconnectedCallback(),this.typeahead.reset()}attributeChangedCallback(e,t,n){(e===`options`||e===`search-value`)&&this.filterOptions(),super.attributeChangedCallback(e,t,n),e===`id`&&n&&this.adoptHostId(n)}get _hasOptions(){return this._filteredOptions.length>0||this.options.length>0}adoptHostId(e){this._listboxId=e,this.removeAttribute(`id`)}willUpdate(e){super.willUpdate(e),(e.has(`options`)||e.has(`searchValue`))&&this.filterOptions()}render(){return e._`
       <div
         id=${this._listboxId}
-        class=${t.t({"pkt-listbox":!0,"pkt-listbox__open":this.isOpen,"pkt-txt-16-light":!0})}
-        role=${r.t(this._hasOptions?`listbox`:void 0)}
-        aria-multiselectable=${r.t(this._hasOptions&&this.isMultiSelect?`true`:void 0)}
-        aria-label=${r.t(this._hasOptions?this.label??void 0:void 0)}
+        class=${r.t({"pkt-listbox":!0,"pkt-listbox__open":this.isOpen,"pkt-txt-16-light":!0})}
+        role=${t.t(this._hasOptions?`listbox`:void 0)}
+        aria-multiselectable=${t.t(this._hasOptions&&this.isMultiSelect?`true`:void 0)}
+        aria-label=${t.t(this._hasOptions?this.label??void 0:void 0)}
       >
         <div class="pkt-listbox__banners">
           ${this.renderSearch()} ${this.renderMaximumReachedBanner()} ${this.renderUserMessage()}
@@ -36,17 +36,17 @@ const e=require("./element-CEarCnHH.cjs"),t=require("./class-map-C82GtM1w.cjs"),
       ></pkt-icon>
       ${this.pktStrings.get(`listbox`).empty}
     </div>`}renderList(){return e._`
-      ${i.t(this._filteredOptions,e=>e.value,(n,i)=>e._`
+      ${n.t(this._filteredOptions,e=>e.value,(n,i)=>e._`
           <li
             @click=${()=>{this.toggleOption(n)}}
             aria-selected=${n.selected?`true`:`false`}
             @keydown=${this.handleOptionKeydown}
-            class=${t.t({"pkt-listbox__option":!0,"pkt-listbox__option--selected":!(this.isMultiSelect||!n.selected),"pkt-listbox__option--checkBox":this.isMultiSelect})}
+            class=${r.t({"pkt-listbox__option":!0,"pkt-listbox__option--selected":!(this.isMultiSelect||!n.selected),"pkt-listbox__option--checkBox":this.isMultiSelect})}
             tabindex="${this.disabled||n.disabled?`-1`:`0`}"
             data-index=${i}
             data-value=${n.value}
             data-selected=${n.selected?`true`:`false`}
-            data-disabled=${r.t(this.disabled||n.disabled||this.maxIsReached&&!n.selected?`true`:void 0)}
+            data-disabled=${t.t(this.disabled||n.disabled||this.maxIsReached&&!n.selected?`true`:void 0)}
             aria-disabled=${this.disabled||n.disabled||this.maxIsReached&&!n.selected?`true`:`false`}
             role="option"
             id=${`${this._listboxId}-${i}`}
@@ -75,11 +75,11 @@ const e=require("./element-CEarCnHH.cjs"),t=require("./class-map-C82GtM1w.cjs"),
             @keydown=${this.handleOptionKeydown}
           >
             <pkt-icon class="pkt-listbox__banner-icon" name="plus-sign" size="large"></pkt-icon>
-            ${n.t(this.pktStrings.get(`listbox`).addValue,{value:this.customUserInput??``})}
+            ${i.t(this.pktStrings.get(`listbox`).addValue,{value:this.customUserInput??``})}
           </div>
         `:e.h}renderMaximumReachedBanner(){return this._selectedOptions=this.options.filter(e=>e.selected).length,this.isMultiSelect&&this._selectedOptions>0&&this.maxLength>0?e._`
           <div class="pkt-listbox__banner pkt-listbox__banner--maximum-reached">
-            ${n.t(this.pktStrings.get(`listbox`).maxReached,{selected:this._selectedOptions,max:this.maxLength})}
+            ${i.t(this.pktStrings.get(`listbox`).maxReached,{selected:this._selectedOptions,max:this.maxLength})}
           </div>
         `:e.h}renderUserMessage(){return this.userMessage?e._`<div class="pkt-listbox__banner pkt-listbox__banner--user-message">
           <pkt-icon

package/dist/{listbox-DAvIBH4P.js → listbox-df8gHweY.js}

@@ -1,10 +1,10 @@
-import { _ as e, d as t, h as n, l as r, n as i, t as a, u as o } from "./element-DLgZkx5L.js";
-import { t as s } from "./class-map-BDwVSgLb.js";
-import { t as c } from "./format-BTeSVkED.js";
-import { t as l } from "./if-defined-DiYi2v_Q.js";
-import { t as u } from "./repeat-Cy1M16Di.js";
-import { n as d } from "./utils-BwF4QSrq.js";
-//#region ../../shared-utils/combobox/option-utils.ts
+import { _ as e, d as t, h as n, l as r, n as i, t as a, u as o } from "./element-Bwc-likm.js";
+import { t as s } from "./if-defined-B3pYog2C.js";
+import { t as c } from "./repeat-c2P6osbb.js";
+import { t as l } from "./class-map-C9n5CNC8.js";
+import { t as u } from "./format-DwjTfa9h.js";
+import { n as d } from "./utils-Dn5ykFtS.js";
+// ../../shared-utils/combobox/option-utils.ts
 var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label === t)) || null, p = (e, t) => {
 	if (!t) return -1;
 	let n = e.findIndex((e) => e.value === t);
@@ -130,14 +130,14 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
 		return e`
       <div
         id=${this._listboxId}
-        class=${s({
+        class=${l({
 			"pkt-listbox": !0,
 			"pkt-listbox__open": this.isOpen,
 			"pkt-txt-16-light": !0
 		})}
-        role=${l(this._hasOptions ? "listbox" : void 0)}
-        aria-multiselectable=${l(this._hasOptions && this.isMultiSelect ? "true" : void 0)}
-        aria-label=${l(this._hasOptions ? this.label ?? void 0 : void 0)}
+        role=${s(this._hasOptions ? "listbox" : void 0)}
+        aria-multiselectable=${s(this._hasOptions && this.isMultiSelect ? "true" : void 0)}
+        aria-label=${s(this._hasOptions ? this.label ?? void 0 : void 0)}
       >
         <div class="pkt-listbox__banners">
           ${this.renderSearch()} ${this.renderMaximumReachedBanner()} ${this.renderUserMessage()}
@@ -180,14 +180,14 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
 	}
 	renderList() {
 		return e`
-      ${u(this._filteredOptions, (e) => e.value, (t, r) => e`
+      ${c(this._filteredOptions, (e) => e.value, (t, r) => e`
           <li
             @click=${() => {
 			this.toggleOption(t);
 		}}
             aria-selected=${t.selected ? "true" : "false"}
             @keydown=${this.handleOptionKeydown}
-            class=${s({
+            class=${l({
 			"pkt-listbox__option": !0,
 			"pkt-listbox__option--selected": !(this.isMultiSelect || !t.selected),
 			"pkt-listbox__option--checkBox": this.isMultiSelect
@@ -196,7 +196,7 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
             data-index=${r}
             data-value=${t.value}
             data-selected=${t.selected ? "true" : "false"}
-            data-disabled=${l(this.disabled || t.disabled || this.maxIsReached && !t.selected ? "true" : void 0)}
+            data-disabled=${s(this.disabled || t.disabled || this.maxIsReached && !t.selected ? "true" : void 0)}
             aria-disabled=${this.disabled || t.disabled || this.maxIsReached && !t.selected ? "true" : "false"}
             role="option"
             id=${`${this._listboxId}-${r}`}
@@ -228,14 +228,14 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
             @keydown=${this.handleOptionKeydown}
           >
             <pkt-icon class="pkt-listbox__banner-icon" name="plus-sign" size="large"></pkt-icon>
-            ${c(this.pktStrings.get("listbox").addValue, { value: this.customUserInput ?? "" })}
+            ${u(this.pktStrings.get("listbox").addValue, { value: this.customUserInput ?? "" })}
           </div>
         ` : n;
 	}
 	renderMaximumReachedBanner() {
 		return this._selectedOptions = this.options.filter((e) => e.selected).length, this.isMultiSelect && this._selectedOptions > 0 && this.maxLength > 0 ? e`
           <div class="pkt-listbox__banner pkt-listbox__banner--maximum-reached">
-            ${c(this.pktStrings.get("listbox").maxReached, {
+            ${u(this.pktStrings.get("listbox").maxReached, {
 			selected: this._selectedOptions,
 			max: this.maxLength
 		})}
@@ -407,8 +407,6 @@ try {
 } catch {
 	console.warn("Forsøker å definere <pkt-listbox>, men den er allerede definert");
 }
-//#endregion
-//#region src/components/listbox/index.ts
+// src/components/listbox/index.ts
 var M = j;
-//#endregion
 export { p as a, b as c, f as i, _ as l, j as n, y as o, m as r, v as s, M as t };

package/dist/{loader-CFidlqSG.js → loader-C-2b3bGK.js}

@@ -1,10 +1,10 @@
-import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-DLgZkx5L.js";
-import { t as o } from "./class-map-BDwVSgLb.js";
-import { i as s, t as c } from "./element-with-slot-mG-h7Sjw.js";
-import { t as l } from "./booleanish-OQJTYSrw.js";
-import "./shared-types-A6iGIX-f.js";
-import { i as u } from "./icon-C1oCGwEe.js";
-//#region ../../shared-types/loader.ts
+import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-Bwc-likm.js";
+import { t as o } from "./class-map-C9n5CNC8.js";
+import { i as s, t as c } from "./element-with-slot-47quDZRt.js";
+import { t as l } from "./booleanish-CBa3Cr2h.js";
+import "./shared-types-BvRk9kiK.js";
+import { i as u } from "./icon-CZDw42U7.js";
+// ../../shared-types/loader.ts
 var d = {
 	delay: 0,
 	inline: !1,
@@ -13,8 +13,7 @@ var d = {
 	size: "medium",
 	variant: "rainbow"
 };
-//#endregion
-//#region src/components/loader/loader.ts
+// src/components/loader/loader.ts
 typeof window < "u" && (window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/latest/animations/");
 var f = "isloading", p = "loadinganimationpath", m = class extends c {
 	constructor(...e) {
@@ -88,8 +87,6 @@ try {
 } catch {
 	console.warn("Forsøker å definere <pkt-loader>, men den er allerede definert");
 }
-//#endregion
-//#region src/components/loader/index.ts
+// src/components/loader/index.ts
 var h = m;
-//#endregion
 export { m as n, h as t };

package/dist/{loader-DTIrOtTo.cjs → loader-DiQSwWpb.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-CEarCnHH.cjs"),t=require("./class-map-C82GtM1w.cjs"),n=require("./element-with-slot-CeKuRE3_.cjs"),r=require("./booleanish-BF8l4scU.cjs");require("./shared-types-BvRk9kiK.cjs");const i=require("./icon-5A378_yh.cjs");var a={delay:0,inline:!1,isLoading:!0,message:null,size:`medium`,variant:`rainbow`};typeof window<`u`&&(window.pktAnimationPath=window.pktAnimationPath||`https://punkt-cdn.oslo.kommune.no/latest/animations/`);var o=`isloading`,s=`loadinganimationpath`,c=class extends n.t{constructor(...e){super(...e),this.delay=a.delay,this.inline=a.inline,this.isLoading=a.isLoading,this.message=a.message,this.size=a.size,this.variant=a.variant,this.loadingAnimationPath=typeof window<`u`?window.pktAnimationPath:i.i,this._shouldDisplayLoader=!1}static get observedAttributes(){return[...super.observedAttributes,o,s]}attributeChangedCallback(e,t,n){e===o?this.isLoading=r.t.fromAttribute(n):e===s?this.loadingAnimationPath=n??void 0:super.attributeChangedCallback(e,t,n)}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._`<div
+const e=require("./element-CEarCnHH.cjs"),t=require("./class-map-C82GtM1w.cjs"),n=require("./element-with-slot-D_8fAzCW.cjs"),r=require("./booleanish-BF8l4scU.cjs");require("./shared-types-BvRk9kiK.cjs");const i=require("./icon-5A378_yh.cjs");var a={delay:0,inline:!1,isLoading:!0,message:null,size:`medium`,variant:`rainbow`};typeof window<`u`&&(window.pktAnimationPath=window.pktAnimationPath||`https://punkt-cdn.oslo.kommune.no/latest/animations/`);var o=`isloading`,s=`loadinganimationpath`,c=class extends n.t{constructor(...e){super(...e),this.delay=a.delay,this.inline=a.inline,this.isLoading=a.isLoading,this.message=a.message,this.size=a.size,this.variant=a.variant,this.loadingAnimationPath=typeof window<`u`?window.pktAnimationPath:i.i,this._shouldDisplayLoader=!1}static get observedAttributes(){return[...super.observedAttributes,o,s]}attributeChangedCallback(e,t,n){e===o?this.isLoading=r.t.fromAttribute(n):e===s?this.loadingAnimationPath=n??void 0:super.attributeChangedCallback(e,t,n)}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._`<div
       role="status"
       aria-live="polite"
       aria-busy=${this.isLoading?`true`:`false`}

package/dist/{messagebox-BLYx3AL7.cjs → messagebox-BiG-fJX9.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-CEarCnHH.cjs"),t=require("./class-map-C82GtM1w.cjs"),n=require("./element-with-slot-CeKuRE3_.cjs");require("./shared-types-BvRk9kiK.cjs"),require("./icon-5A378_yh.cjs");const r=require("./classutils-CbklAJDe.cjs"),i=require("./if-defined-Ci4ZQsgL.cjs");var a=[`beige`,`blue`,`red`,`green`],o={skin:`gray`,compact:!1,closable:!1},s=class extends n.t{constructor(){super(),this.closable=o.closable,this.compact=o.compact,this.title=``,this.skin=o.skin,this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0})),this.dispatchEvent(new CustomEvent(`on-close`,{detail:{origin:e},bubbles:!0}))},this._isClosed=!1}updated(e){super.updated(e),e.has(`_isClosed`)&&r.t(this,`pkt-hide`,this._isClosed)}render(){let r={"pkt-messagebox":!0,"pkt-messagebox--compact":this.compact,[`pkt-messagebox--${this.skin}`]:!!this.skin,"pkt-messagebox--closable":this.closable,"pkt-hide":this._isClosed};return e._`<div
+const e=require("./element-CEarCnHH.cjs"),t=require("./class-map-C82GtM1w.cjs"),n=require("./element-with-slot-D_8fAzCW.cjs");require("./shared-types-BvRk9kiK.cjs"),require("./icon-5A378_yh.cjs");const r=require("./classutils-CbklAJDe.cjs"),i=require("./if-defined-Ci4ZQsgL.cjs");var a=[`beige`,`blue`,`red`,`green`],o={skin:`gray`,compact:!1,closable:!1},s=class extends n.t{constructor(){super(),this.closable=o.closable,this.compact=o.compact,this.title=``,this.skin=o.skin,this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0})),this.dispatchEvent(new CustomEvent(`on-close`,{detail:{origin:e},bubbles:!0}))},this._isClosed=!1}updated(e){super.updated(e),e.has(`_isClosed`)&&r.t(this,`pkt-hide`,this._isClosed)}render(){let r={"pkt-messagebox":!0,"pkt-messagebox--compact":this.compact,[`pkt-messagebox--${this.skin}`]:!!this.skin,"pkt-messagebox--closable":this.closable,"pkt-hide":this._isClosed};return e._`<div
       class=${t.t(r)}
       data-mode=${i.t(this.skin&&a.includes(this.skin)?`light`:void 0)}
     >

package/dist/{messagebox-B_07P0QA.js → messagebox-CH3bKoJO.js}

@@ -1,11 +1,11 @@
-import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-DLgZkx5L.js";
-import { t as o } from "./class-map-BDwVSgLb.js";
-import { i as s, t as c } from "./element-with-slot-mG-h7Sjw.js";
-import "./shared-types-A6iGIX-f.js";
-import "./icon-C1oCGwEe.js";
-import { t as l } from "./classutils-DcYnSgfc.js";
-import { t as u } from "./if-defined-DiYi2v_Q.js";
-//#region ../../shared-types/messagebox.ts
+import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-Bwc-likm.js";
+import { t as o } from "./class-map-C9n5CNC8.js";
+import { i as s, t as c } from "./element-with-slot-47quDZRt.js";
+import "./shared-types-BvRk9kiK.js";
+import "./icon-CZDw42U7.js";
+import { t as l } from "./classutils-C4jETHHk.js";
+import { t as u } from "./if-defined-B3pYog2C.js";
+// ../../shared-types/messagebox.ts
 var d = [
 	"beige",
 	"blue",
@@ -74,8 +74,6 @@ try {
 } catch {
 	console.warn("Forsøker å definere <pkt-messagebox>, men den er allerede definert");
 }
-//#endregion
-//#region src/components/messagebox/index.ts
+// src/components/messagebox/index.ts
 var m = p;
-//#endregion
 export { p as n, m as t };

package/dist/modal-B3rnE83a.cjs

@@ -0,0 +1,37 @@
+const e=require("./class-map-C82GtM1w.cjs"),t=require("./if-defined-Ci4ZQsgL.cjs"),n=require("./element-CEarCnHH.cjs"),r=require("./element-with-slot-D_8fAzCW.cjs"),i=require("./ref-C6VUWwmF.cjs"),a=require("./scroll-lock-x0VxhKWZ.cjs"),o=require("./utils-63cRpWut.cjs");require("./icon-5A378_yh.cjs");var s={name:`pkt-modal`,react:`PktModal`,"css-class":`pkt-modal`,isElement:!0,isPureReact:!0,"dark-mode":!0,events:{"background-click":{description:`Event som trigges når bakgrunnen trykkes på`},close:{description:`Event som trigges når meldingsboksen lukkes`}},props:{open:{name:`Åpen`,description:`Deklarativ styring av modalens åpen/lukket-tilstand. Kan brukes i stedet for showModal()/close()-metodene.`,type:`boolean`,category:`tech`,default:!1},headingText:{name:`Heading text`,description:`Heading tekst på modalen`,type:`string`,category:`contents`},headingIconName:{name:`Ikon i overskriften`,description:`Navn på ikonet som vises foran overskriften. Vises bare når headingText er satt.`,type:`icon`,category:`ui`},headingIconPath:{name:`Ikon-sti for overskriften`,description:`Overstyr stien til ikonet i overskriften. Kan også settes globalt med window.pktIconPath.`,type:`string`,category:`tech`},hideCloseButton:{name:`Gjem 'Lukk'-knapp`,description:`Gjemmer lukkeknappen. Dersom denne er satt til true, vil ikke lukkeknappen vises, og dermed er det viktig at man tilbyr en annen måte som f.eks. en knapp for å lukke modalen på.`,type:`boolean`,category:`ui`,default:!1},closeOnBackdropClick:{name:`Lukk modalen når bakgrunnen trykkes på`,description:`Lukk modalen når bakgrunnen trykkes på`,type:`boolean`,category:`tech`,default:!1},closeButtonSkin:{name:`Stil på lukkeknappen`,description:`Stil på lukkeknappen`,type:[`blue`,`yellow-filled`],category:`ui`,default:`blue`},size:{name:`Størrelse`,description:`Størrelsen på modalen`,type:[`small`,`medium`,`large`,`fit-content`],category:`ui`,default:`medium`},variant:{name:`Variant`,description:`Standard dialog eller skuff`,type:[`dialog`,`drawer`],category:`ui`,default:`dialog`},drawerPosition:{name:`Skuffposisjon`,description:`Posisjonen til skuffen`,type:[`left`,`right`],category:`ui`,default:`right`},transparentBackdrop:{name:`Gjennomsiktig bakgrunn`,description:`Bakgrunnen er gjennomsiktig`,type:`boolean`,category:`ui`,default:!1},removePadding:{name:`Fjern padding`,description:`Fjerner paddingen rundt innholdet i modalen`,type:`boolean`,category:`ui`,default:!1}},slots:{default:{description:`Innholdet i meldingen. Her tilbyr vi støtteklasser for å style 1-3 knapper i modalen.`}}},c=class extends r.t{constructor(){super(),this.open=!1,this.headingText=``,this.removePadding=!1,this.hideCloseButton=s.props.hideCloseButton.default,this.closeOnBackdropClick=s.props.closeOnBackdropClick.default,this.closeButtonSkin=`blue`,this.size=s.props.size.default,this.variant=`dialog`,this.drawerPosition=`right`,this.transparentBackdrop=!1,this.dialogRef=i.t(),this._scrollLockToken=a.t(),this._idSuffix=o.n(),this._headingId=`pkt-modal__headingText-${this._idSuffix}`,this._contentId=`pkt-modal__content-${this._idSuffix}`,this._isOpen=!1,this.close=(e,t=!1)=>{if(!this._isOpen)return;this._isOpen=!1,this.open=!1,a.n(this._scrollLockToken,!1);let n=document.activeElement;n&&!this.isElementInViewport(n)&&n.scrollIntoView({behavior:`smooth`,block:`nearest`}),this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0,composed:!0})),t||this.dialogRef.value?.close()},this.showModal=(e=null)=>{this._isOpen=!0,this.open=!0,this.dialogRef.value?.showModal(),a.n(this._scrollLockToken,!0),this.dispatchEvent(new CustomEvent(`showModal`,{detail:{origin:e},bubbles:!0,composed:!0}))},this._isOpen=!1}async connectedCallback(){super.connectedCallback(),document.addEventListener(`keydown`,this.handleKeyDown.bind(this)),document.addEventListener(`click`,this.handleBackdropClick.bind(this))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`keydown`,this.handleKeyDown),document.removeEventListener(`click`,this.handleBackdropClick),a.n(this._scrollLockToken,!1)}updated(e){super.updated(e),e.has(`open`)&&(this.open&&!this._isOpen?this.showModal():!this.open&&this._isOpen&&this.close(new Event(`close`),!1))}async firstUpdated(e){super.firstUpdated(e),this.dialogRef.value&&!window.HTMLDialogElement&&!this.dialogRef.value.showModal&&(`document`in window&&`createElement`in document&&(await Promise.resolve().then(()=>require("./dialog-polyfill.esm-BPk0-8XP.cjs")).then(e=>e.default)).registerDialog(this.dialogRef.value),this.dialogRef.value.addEventListener(`close`,()=>{this.close(new Event(`close`),!0)}))}handleKeyDown(e){e.key===`Escape`&&this.close(e)}handleBackdropClick(e){this.closeOnBackdropClick&&e.target===this.dialogRef?.value&&this.close(e)}isElementInViewport(e){let t=e.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)}render(){let a={"pkt-modal":!0,"pkt-modal--removePadding":this.removePadding??!1,"pkt-modal--noHeadingText":this.headingText===``||this.headingText===void 0,"pkt-modal--noShadow":this.closeButtonSkin===`yellow-filled`,"pkt-modal--transparentBackdrop":this.transparentBackdrop??!1,[`pkt-modal--${this.size}`]:this.size!==void 0,[`pkt-modal__${this.variant}`]:this.variant!==void 0,[`pkt-modal__drawer--${this.drawerPosition}`]:this.variant===`drawer`},o={"pkt-modal__headingText":!0,"pkt-txt-24":!0,"pkt-modal__headingText--hasIcon":!!this.headingIconName},s=this.headingIconName?n._`<pkt-icon
+          class="pkt-modal__headingIcon"
+          name=${this.headingIconName}
+          path=${t.t(this.headingIconPath)}
+        ></pkt-icon>`:n.h,c={"pkt-modal__content":!0,"pkt-txt-18-light":!0},l=this.closeButtonSkin===`blue`,u={"pkt-modal__closeButton":!0,[`pkt-modal__closeButton--${this.closeButtonSkin}`]:!0};return n._`
+      <dialog
+        class=${e.t(a)}
+        ${i.n(this.dialogRef)}
+        aria-labelledby=${this.headingText?this._headingId:n.h}
+        aria-describedby=${this._contentId}
+        @close=${e=>this.close(e,!0)}
+      >
+        <div class="pkt-modal__wrapper">
+          ${this.headingText||!this.hideCloseButton?n._`<div class="pkt-modal__header">
+                  <div class="pkt-modal__header-background"></div>
+                  ${this.headingText?n._`<h1 id=${this._headingId} class=${e.t(o)}>
+                        ${s}${this.headingText}
+                      </h1>`:n._`<div class="pkt-modal__headingText"></div>`}
+                  ${this.hideCloseButton?n._`<div class="pkt-modal__noCloseButton"></div>`:n._`<div class="${e.t(u)}">
+                        <pkt-button
+                          @click=${e=>this.close(e)}
+                          aria-label=${this.pktStrings.get(`generic`).close}
+                          iconname="close"
+                          variant="icon-only"
+                          size="medium"
+                          skin=${l?`tertiary`:`primary`}
+                        >
+                          ${this.pktStrings.get(`generic`).close}
+                        </pkt-button>
+                      </div>`}
+                </div>`:n.h}
+          <div class="pkt-modal__container">
+            <div id=${this._contentId} class=${e.t(c)}>${r.i(this)}</div>
+          </div>
+        </div>
+      </dialog>
+    `}};n.n([n.u({type:Boolean,reflect:!0})],c.prototype,`open`,void 0),n.n([n.u({type:String})],c.prototype,`headingText`,void 0),n.n([n.u({type:String})],c.prototype,`headingIconName`,void 0),n.n([n.u({type:String})],c.prototype,`headingIconPath`,void 0),n.n([n.u({type:Boolean})],c.prototype,`removePadding`,void 0),n.n([n.u({type:Boolean})],c.prototype,`hideCloseButton`,void 0),n.n([n.u({type:Boolean})],c.prototype,`closeOnBackdropClick`,void 0),n.n([n.u({type:String})],c.prototype,`closeButtonSkin`,void 0),n.n([n.u({type:String})],c.prototype,`size`,void 0),n.n([n.u({type:String})],c.prototype,`variant`,void 0),n.n([n.u({type:String})],c.prototype,`drawerPosition`,void 0),n.n([n.u({type:Boolean})],c.prototype,`transparentBackdrop`,void 0);try{n.d(`pkt-modal`)(c)}catch{console.warn(`Forsøker å definere <pkt-modal>, men den er allerede definert`)}var l=c;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});