@oslokommune/punkt-elements 19.15.0 → 19.17.0

package/dist/{input-wrapper-Bb6CZxmg.js → input-wrapper-BSjQc4Vx.js}

@@ -1,201 +1,33 @@
-import { _ as e, d as t, h as n, n as r, u as i } from "./element-DBugHPKM.js";
+import { _ as e, d as t, h as n, n as r, u as i } from "./element-ckeMVgMz.js";
 import { t as a } from "./format-BTeSVkED.js";
-import { i as o, n as s, t as c } from "./element-with-slot-CVmm0_IE.js";
+import { i as o, n as s, t as c } from "./element-with-slot-C0bH0T0H.js";
 import { t as l } from "./booleanish-OQJTYSrw.js";
-import "./alert-Xt26J9yX.js";
-import { r as u } from "./icon-Bao96Zb8.js";
-import { t as d } from "./if-defined-O59_I-e-.js";
+import "./alert-JnRrtTOW.js";
+import { r as u } from "./icon-CLMJYuTL.js";
+import { t as d } from "./if-defined-D18nY_K_.js";
 import { n as f } from "./utils-BwF4QSrq.js";
-import "./helptext-Dujce_W9.js";
+import "./helptext-DN0jjgVu.js";
 import { t as p } from "./focus-modality-controller-Dc2S-KqR.js";
-//#region ../../shared-utils/forms/described-by.ts
-var m = (e) => {
+//#region ../../shared-types/input-wrapper.ts
+var m = {
+	counter: !1,
+	counterCurrent: 0,
+	counterPosition: "bottom",
+	optionalTag: !1,
+	requiredTag: !1,
+	hasError: !1,
+	disabled: !1,
+	inline: !1,
+	hasFieldset: !1,
+	layout: "vertical",
+	useWrapper: !0,
+	size: "medium"
+}, h = (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;
-}, h = (e) => `${e}-counter-status`, g = (e, t) => !!t && t > 0 && (e ?? 0) > t, _ = {
-	name: "pkt-input-wrapper",
-	react: "PktInputWrapper",
-	"css-class": "pkt-inputwrapper",
-	isElement: !0,
-	isPureReact: !0,
-	"dark-mode": !0,
-	events: { toggleHelpText: { description: "Event for å vise eller skjule hjelpetekst i dropdown" } },
-	slots: { default: { description: "Innholdet i input-wrapperen, som kan være et skjemaelement eller en annen komponent" } },
-	props: {
-		forId: {
-			name: "For ID",
-			description: "Id-en til skjemaelementet som dette wrapper rundt",
-			type: "string",
-			required: !0,
-			category: "tech"
-		},
-		label: {
-			name: "Merkelapp",
-			description: "Merkelapp for skjemaelementet",
-			type: "string",
-			required: !0,
-			category: "contents"
-		},
-		helptext: {
-			name: "Hjelpetekst",
-			description: "Hjelpetekst for skjemaelementet",
-			type: "string",
-			category: "contents"
-		},
-		helptextDropdown: {
-			name: "Hjelpetekst i dropdown",
-			description: "Hjelpetekst som vises i ekspanderende felt",
-			type: "string",
-			category: "contents"
-		},
-		helptextDropdownButton: {
-			name: "Tekst i hjelpetekst-knapp",
-			description: "Tekst som vises i knappen for å vise hjelpetekst i dropdown",
-			default: "Les mer <span class='pkt-sr-only'>om feltet</span>",
-			type: "string",
-			category: "contents"
-		},
-		ariaDescribedby: {
-			name: "aria-describedby",
-			description: "Id-en til elementet som beskriver skjemaelementet",
-			type: "string",
-			category: "accessibility"
-		},
-		counter: {
-			name: "Teller",
-			description: "Teller for antall tegn i skjemaelementet",
-			type: "boolean",
-			default: !1,
-			category: "ui"
-		},
-		counterCurrent: {
-			name: "Tellerverdi",
-			description: "Tellerens nåværende verdi",
-			type: "number",
-			category: "ui",
-			showIf: { counter: !0 }
-		},
-		counterMaxLength: {
-			name: "Maks tegn i teller",
-			description: "Maks antall tegn som kan skrives i skjemaelementet",
-			type: "number",
-			category: "ui",
-			showIf: { counter: !0 }
-		},
-		counterPosition: {
-			name: "Tellerplassering",
-			description: "Telleren sin plassering i forhold til elementet",
-			type: ["top", "bottom"],
-			default: "bottom",
-			category: "ui",
-			showIf: { counter: !0 }
-		},
-		optionalTag: {
-			name: "Vise valgfritt-merking",
-			description: "Viser en merking som indikerer at feltet er valgfritt",
-			type: "boolean",
-			default: !1,
-			category: "ui"
-		},
-		optionalText: {
-			name: "Valgfritt-tekst",
-			description: "Tekst som vises i valgfritt-merkingen",
-			type: "string",
-			default: "Valgfritt",
-			category: "contents"
-		},
-		requiredTag: {
-			name: "Vise påkrevd-merking",
-			description: "Viser en merking som indikerer at feltet er påkrevd",
-			type: "boolean",
-			default: !1,
-			category: "ui"
-		},
-		requiredText: {
-			name: "Påkrevd-tekst",
-			description: "Tekst som vises i påkrevd-merkingen",
-			type: "string",
-			default: "Må fylles ut",
-			category: "contents"
-		},
-		tagText: {
-			type: "string",
-			name: "Tag-tekst",
-			description: "Tekst som vises i en tag ved siden av label",
-			category: "ui"
-		},
-		hasError: {
-			name: "Feil",
-			description: "Indikerer at skjemaelementet har en feil",
-			type: "boolean",
-			default: !1,
-			category: "ui"
-		},
-		errorMessage: {
-			name: "Feilmelding",
-			description: "Feilmelding som vises når skjemaelementet har en feil",
-			type: "string",
-			category: "contents"
-		},
-		disabled: {
-			name: "Deaktivert",
-			description: "Indikerer at skjemaelementet er deaktivert. Med hasFieldset blir fieldset deaktivert, slik at alle skjemaelementene i den blir deaktivert, som med <fieldset disabled>",
-			type: "boolean",
-			default: !1,
-			category: "tech"
-		},
-		inline: {
-			name: "Inline",
-			description: "Indikerer at skjemaelementet skal flyte sammen med sidens innhold",
-			type: "boolean",
-			default: !1,
-			category: "ui"
-		},
-		hasFieldset: {
-			name: "Er fieldset",
-			description: "Indikerer at innholdet er et fieldset",
-			type: "boolean",
-			default: !1,
-			category: "ui"
-		},
-		layout: {
-			name: "Layout",
-			description: "Retning for alternativene i en gruppe. Avstanden mellom dem følger størrelsen (16, 12 og 8px)",
-			type: ["vertical", "horizontal"],
-			default: "vertical",
-			category: "ui"
-		},
-		useWrapper: {
-			name: "Bruk wrapper",
-			description: "Indikerer om skjemaelementet skal bruke en wrapper",
-			type: "boolean",
-			displayAsFalse: !0,
-			default: !0,
-			category: "ui"
-		},
-		role: {
-			name: "Rolle",
-			description: "ARIA-rolle på wrapperen. Settes ikke som standard. Bruk hasFieldset for reelle grupper.",
-			type: "string",
-			default: null,
-			category: "accessibility"
-		},
-		size: {
-			name: "Størrelse",
-			description: "Visuell størrelse. small: kompakt wrapper og felt (42px). xsmall: samme wrapper som small, felt 36px.",
-			attribute: "input-wrapper-size",
-			type: [
-				"small",
-				"medium",
-				"xsmall"
-			],
-			default: "medium",
-			category: "ui"
-		}
-	}
-}, v = class extends c {
+}, g = (e) => `${e}-counter-status`, _ = (e, t) => !!t && t > 0 && (e ?? 0) > t, v = class extends c {
 	constructor(...e) {
-		super(...e), this.forId = f(), this.label = "", this.helptext = null, this.helptextDropdown = null, this.helptextDropdownButton = null, this.counter = _.props.counter.default, this.counterCurrent = 0, this.counterMaxLength = 0, this.counterError = null, this.counterPosition = "bottom", this.optionalTag = _.props.optionalTag.default, this.requiredTag = _.props.requiredTag.default, this.tagText = null, this.hasError = _.props.hasError.default, this.errorMessage = "", this.disabled = _.props.disabled.default, this.inline = _.props.inline.default, this.ariaDescribedby = void 0, this.hasFieldset = _.props.hasFieldset.default, this.layout = _.props.layout.default, this.role = null, this.useWrapper = _.props.useWrapper.default, this.size = "medium", this.focusModality = new p(this);
+		super(...e), this.forId = f(), this.label = "", this.helptext = null, this.helptextDropdown = null, this.helptextDropdownButton = null, this.counter = m.counter, this.counterCurrent = m.counterCurrent, this.counterMaxLength = 0, this.counterError = null, this.counterPosition = m.counterPosition, this.optionalTag = m.optionalTag, this.requiredTag = m.requiredTag, this.tagText = null, this.hasError = m.hasError, this.errorMessage = "", this.disabled = m.disabled, this.inline = m.inline, this.ariaDescribedby = void 0, this.hasFieldset = m.hasFieldset, this.layout = m.layout, this.role = null, this.useWrapper = m.useWrapper, this.size = m.size, this.focusModality = new p(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");
@@ -235,14 +67,13 @@ var m = (e) => {
 			this.toggleDropdown(e);
 		}}
         ></pkt-helptext>
-      `, _ = () => {
+      `, h = () => {
 			if (!this.counter) return n;
-			let t = g(this.counterCurrent, this.counterMaxLength);
+			let t = _(this.counterCurrent, this.counterMaxLength), r = `${this.counterCurrent || 0}${this.counterMaxLength ? `/${this.counterMaxLength}` : ""}`;
 			return e`<div class="pkt-input__counter" aria-hidden="true">
-          ${this.counterError ? this.counterError : n} ${this.counterCurrent || 0}
-          ${this.counterMaxLength ? `/${this.counterMaxLength}` : n}
+          ${this.counterError ? `${this.counterError} ` : n}${r}
         </div>
-        <div class="pkt-sr-only" id=${h(this.forId)} aria-live="polite">
+        <div class="pkt-sr-only" id=${g(this.forId)} aria-live="polite">
           ${t ? a(this.pktStrings.get("validation").counterExceeded, {
 				current: this.counterCurrent ?? 0,
 				max: this.counterMaxLength
@@ -268,9 +99,9 @@ var m = (e) => {
 		}, y = () => e`
         ${p()} 
         ${m()}
-        ${this.counterPosition === "top" ? _() : n}
+        ${this.counterPosition === "top" ? h() : n}
         <div class=${this.optionsClass()}>${o(this)}</div>
-        ${this.counterPosition === "bottom" ? _() : n} 
+        ${this.counterPosition === "bottom" ? h() : n} 
         ${v()}
       `;
 		return this.hasFieldset ? e`<fieldset
@@ -321,4 +152,4 @@ try {
 //#region src/components/input-wrapper/index.ts
 var y = v;
 //#endregion
-export { v as n, m as r, y as t };
+export { v as n, h as r, y as t };

package/dist/{link-sO401Ieh.js → link-39EvU2ng.js}

@@ -1,7 +1,7 @@
-import { _ as e, d as t, h as n, n as r, u as i } from "./element-DBugHPKM.js";
-import { t as a } from "./class-map-Bf-QzUpN.js";
-import { i as o, t as s } from "./element-with-slot-CVmm0_IE.js";
-import "./icon-Bao96Zb8.js";
+import { _ as e, d as t, h as n, n as r, u as i } from "./element-ckeMVgMz.js";
+import { t as a } from "./class-map-BkEYw5uE.js";
+import { i as o, t as s } from "./element-with-slot-C0bH0T0H.js";
+import "./icon-CLMJYuTL.js";
 import { t as c } from "./define-component-spec-BYOSeplU.js";
 //#endregion
 //#region src/components/link/link.ts
@@ -90,7 +90,7 @@ var l = c({
 	render() {
 		let t = {
 			"pkt-link": !0,
-			"pkt-link--icon-left": !!this.iconName && this.iconPosition === "left" || !!(this.iconName && !this.iconPosition),
+			"pkt-link--icon-left": !!this.iconName && this.iconPosition === "left" || !(!this.iconName || this.iconPosition),
 			"pkt-link--icon-right": !!this.iconName && this.iconPosition === "right",
 			"pkt-link--external": this.external
 		}, r = this.target && this.target !== "_self" ? this.target : n;

package/dist/{link-CRLAhYi0.cjs → link-Dj6SbcaD.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./element-with-slot-CcJPCLgn.cjs");require("./icon-jPhyZD1z.cjs");const r=require("./define-component-spec-DBNd2FJY.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:`#`,category:`contents`},target:{name:`Mål`,description:`Mål for lenken`,type:[`_blank`,`_self`,`_parent`,`_top`],default:`_self`,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 n.t{constructor(...e){super(...e),this.href=s.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=!1,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`,"pkt-link--external":this.external},i=this.target&&this.target!==`_self`?this.target:e.h;return e._`<a
+const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./element-with-slot-DkyaNnm0.cjs");require("./icon-jPhyZD1z.cjs");const r=require("./define-component-spec-DBNd2FJY.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:`#`,category:`contents`},target:{name:`Mål`,description:`Mål for lenken`,type:[`_blank`,`_self`,`_parent`,`_top`],default:`_self`,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 n.t{constructor(...e){super(...e),this.href=s.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=!1,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`,"pkt-link--external":this.external},i=this.target&&this.target!==`_self`?this.target:e.h;return e._`<a
       class=${t.t(r)}
       href=${this.href}
       target=${i}

package/dist/{linkcard-DnZgMzqL.cjs → linkcard-BoQIfci8.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-C6WTyJFE.cjs"),t=require("./element-with-slot-CcJPCLgn.cjs");require("./icon-jPhyZD1z.cjs");const n=require("./if-defined-CiML3MTM.cjs");var r=class extends t.t{constructor(...e){super(...e),this.title=``,this.href=`#`,this.iconName=``,this.external=!1,this.openInNewTab=!1,this.skin=void 0}render(){let r=[`pkt-linkcard`,this.skin&&`pkt-linkcard--${this.skin}`].filter(Boolean).join(` `),i=[`pkt-linkcard__title`,this.external&&`pkt-link pkt-link--external`].filter(Boolean).join(` `),a=this.pktStrings.get(`linkcard`),o=this.openInNewTab?a.openInNewTab:``;return e._`
+const e=require("./element-C6WTyJFE.cjs"),t=require("./element-with-slot-DkyaNnm0.cjs");require("./icon-jPhyZD1z.cjs");const n=require("./if-defined-CiML3MTM.cjs");var r=class extends t.t{constructor(...e){super(...e),this.title=``,this.href=`#`,this.iconName=``,this.external=!1,this.openInNewTab=!1,this.skin=void 0}render(){let r=[`pkt-linkcard`,this.skin&&`pkt-linkcard--${this.skin}`].filter(Boolean).join(` `),i=[`pkt-linkcard__title`,this.external&&`pkt-link pkt-link--external`].filter(Boolean).join(` `),a=this.pktStrings.get(`linkcard`),o=this.openInNewTab?a.openInNewTab:``;return e._`
       <a
         href=${this.href}
         class=${r}

package/dist/{linkcard-DdmGxzAP.js → linkcard-K9vvKg1u.js}

@@ -1,7 +1,7 @@
-import { _ as e, d as t, n, u as r } from "./element-DBugHPKM.js";
-import { i, t as a } from "./element-with-slot-CVmm0_IE.js";
-import "./icon-Bao96Zb8.js";
-import { t as o } from "./if-defined-O59_I-e-.js";
+import { _ as e, d as t, n, u as r } from "./element-ckeMVgMz.js";
+import { i, t as a } from "./element-with-slot-C0bH0T0H.js";
+import "./icon-CLMJYuTL.js";
+import { t as o } from "./if-defined-D18nY_K_.js";
 //#region src/components/linkcard/linkcard.ts
 var s = class extends a {
 	constructor(...e) {

package/dist/{listbox-CvduK_YU.cjs → listbox-BbdUu-IV.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./format-B8meU8Tm.cjs"),r=require("./if-defined-CiML3MTM.cjs"),i=require("./repeat-CnnigVcj.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);return}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-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./format-B8meU8Tm.cjs"),r=require("./if-defined-CiML3MTM.cjs"),i=require("./repeat-CnnigVcj.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})}
@@ -41,7 +41,7 @@ const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),
             @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=${t.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}
@@ -108,4 +108,4 @@ const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),
               role="searchbox"
             />
           </div>
-        `:e.h}handleSearchInput(e){this.searchValue=e.target.value,this.dispatchEvent(new CustomEvent(`search`,{detail:this.searchValue,bubbles:!1}))}handleSearchKeydown(e){switch(e.key){case`Enter`:e.preventDefault();break;case`ArrowUp`:case`Escape`:this.closeOptions(),e.preventDefault();break;case`ArrowDown`:this.focusFirstOrSelectedOption();break;case`Tab`:this.tabClose()}}handleOptionKeydown(e){let t=e.currentTarget,n=t.dataset.value,r=t.dataset.type,i=t.dataset.selected===`true`;if(!(!y(this).length&&(!this.customUserInput||!this.allowUserInput&&this.customUserInput)&&r!==`new-option`&&r!==`searchbox`))switch(e.key){case` `:case`Enter`:this.toggleOption(t),e.preventDefault();break;case`Backspace`:n&&(i?this.toggleOption(t):this.closeOptions()),e.preventDefault();break;case`Escape`:this.closeOptions(),e.preventDefault();break;case`Tab`:this.tabClose();break;case`ArrowDown`:e.altKey?C(this):r===`searchbox`||r===`new-option`?S(this):b(t),e.preventDefault();break;case`ArrowUp`:if(e.altKey)S(this);else if(t.dataset.index===`0`&&this.includeSearch){let e=this.querySelector(`[role="searchbox"]`);e&&e.focus()}else if(t.dataset.index===`0`&&this.customUserInput){let e=this.querySelector(`[data-type="new-option"]`);e&&e.focus()}else x(t,this,this.includeSearch);e.preventDefault();break;case`Home`:S(this),e.preventDefault();break;case`End`:C(this),e.preventDefault();break;default:(e.metaKey||e.ctrlKey)&&e.key===`a`&&(this.selectAll(),e.preventDefault()),h(e.key)&&(this.handleTypeAhead(e.key),e.preventDefault())}}focusFirstOrSelectedOption(){w(this,{disabled:this.disabled,allowUserInput:this.allowUserInput,customUserInput:this.customUserInput,includeSearch:this.includeSearch})}toggleOption(e){let t=e instanceof HTMLElement?e.dataset.disabled:e.disabled;if(this.disabled||t)return;let n=e instanceof HTMLElement?e.dataset.value:e.value;this.dispatchEvent(new CustomEvent(`option-toggle`,{detail:n,bubbles:!1}))}selectAll(){this.dispatchEvent(new CustomEvent(`select-all`,{bubbles:!1}))}closeOptions(){this.dispatchEvent(new CustomEvent(`close-options`,{bubbles:!1}))}tabClose(){this.dispatchEvent(new CustomEvent(`tab-close`,{bubbles:!1}))}filterOptions(){this._filteredOptions=u(this.options,this.searchValue)}handleTypeAhead(e){let t=this.typeahead.append(e),n=y(this),r=_(n,t);r>=0&&v(n[r])}};e.n([e.u({type:String})],T.prototype,`id`,void 0),e.n([e.l()],T.prototype,`_listboxId`,void 0),e.n([e.u({type:String})],T.prototype,`label`,void 0),e.n([e.u({type:Array})],T.prototype,`options`,void 0),e.n([e.u({type:Boolean,reflect:!0,attribute:`is-open`})],T.prototype,`isOpen`,void 0),e.n([e.u({type:Boolean})],T.prototype,`disabled`,void 0),e.n([e.u({type:Boolean,attribute:`include-search`})],T.prototype,`includeSearch`,void 0),e.n([e.u({type:Boolean,attribute:`is-multi-select`})],T.prototype,`isMultiSelect`,void 0),e.n([e.u({type:Boolean,attribute:`allow-user-input`})],T.prototype,`allowUserInput`,void 0),e.n([e.u({type:Boolean,attribute:`max-is-reached`})],T.prototype,`maxIsReached`,void 0),e.n([e.u({type:String,attribute:`custom-user-input`})],T.prototype,`customUserInput`,void 0),e.n([e.u({type:String,attribute:`search-placeholder`})],T.prototype,`searchPlaceholder`,void 0),e.n([e.u({type:String,attribute:`search-value`})],T.prototype,`searchValue`,void 0),e.n([e.u({type:Number,attribute:`max-length`})],T.prototype,`maxLength`,void 0),e.n([e.u({type:String,attribute:`user-message`})],T.prototype,`userMessage`,void 0),e.n([e.l()],T.prototype,`_filteredOptions`,void 0);try{e.d(`pkt-listbox`)(T)}catch{console.warn(`Forsøker å definere <pkt-listbox>, men den er allerede definert`)}var E=T;Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return E}});
+        `:e.h}handleSearchInput(e){this.searchValue=e.target.value,this.dispatchEvent(new CustomEvent(`search`,{detail:this.searchValue,bubbles:!1}))}handleSearchKeydown(e){switch(e.key){case`Enter`:e.preventDefault();break;case`ArrowUp`:case`Escape`:this.closeOptions(),e.preventDefault();break;case`ArrowDown`:this.focusFirstOrSelectedOption();break;case`Tab`:this.tabClose()}}handleOptionKeydown(e){let t=e.currentTarget,n=t.dataset.value,r=t.dataset.type,i=t.dataset.selected===`true`;if(y(this).length||this.customUserInput&&(this.allowUserInput||!this.customUserInput)||r===`new-option`||r===`searchbox`)switch(e.key){case` `:case`Enter`:this.toggleOption(t),e.preventDefault();break;case`Backspace`:n&&(i?this.toggleOption(t):this.closeOptions()),e.preventDefault();break;case`Escape`:this.closeOptions(),e.preventDefault();break;case`Tab`:this.tabClose();break;case`ArrowDown`:e.altKey?C(this):r===`searchbox`||r===`new-option`?S(this):b(t),e.preventDefault();break;case`ArrowUp`:if(e.altKey)S(this);else if(t.dataset.index===`0`&&this.includeSearch){let e=this.querySelector(`[role="searchbox"]`);e&&e.focus()}else if(t.dataset.index===`0`&&this.customUserInput){let e=this.querySelector(`[data-type="new-option"]`);e&&e.focus()}else x(t,this,this.includeSearch);e.preventDefault();break;case`Home`:S(this),e.preventDefault();break;case`End`:C(this),e.preventDefault();break;default:(e.metaKey||e.ctrlKey)&&e.key===`a`&&(this.selectAll(),e.preventDefault()),h(e.key)&&(this.handleTypeAhead(e.key),e.preventDefault())}}focusFirstOrSelectedOption(){w(this,{disabled:this.disabled,allowUserInput:this.allowUserInput,customUserInput:this.customUserInput,includeSearch:this.includeSearch})}toggleOption(e){let t=e instanceof HTMLElement?e.dataset.disabled:e.disabled;if(this.disabled||t)return;let n=e instanceof HTMLElement?e.dataset.value:e.value;this.dispatchEvent(new CustomEvent(`option-toggle`,{detail:n,bubbles:!1}))}selectAll(){this.dispatchEvent(new CustomEvent(`select-all`,{bubbles:!1}))}closeOptions(){this.dispatchEvent(new CustomEvent(`close-options`,{bubbles:!1}))}tabClose(){this.dispatchEvent(new CustomEvent(`tab-close`,{bubbles:!1}))}filterOptions(){this._filteredOptions=u(this.options,this.searchValue)}handleTypeAhead(e){let t=this.typeahead.append(e),n=y(this),r=_(n,t);r>=0&&v(n[r])}};e.n([e.u({type:String})],T.prototype,`id`,void 0),e.n([e.l()],T.prototype,`_listboxId`,void 0),e.n([e.u({type:String})],T.prototype,`label`,void 0),e.n([e.u({type:Array})],T.prototype,`options`,void 0),e.n([e.u({type:Boolean,reflect:!0,attribute:`is-open`})],T.prototype,`isOpen`,void 0),e.n([e.u({type:Boolean})],T.prototype,`disabled`,void 0),e.n([e.u({type:Boolean,attribute:`include-search`})],T.prototype,`includeSearch`,void 0),e.n([e.u({type:Boolean,attribute:`is-multi-select`})],T.prototype,`isMultiSelect`,void 0),e.n([e.u({type:Boolean,attribute:`allow-user-input`})],T.prototype,`allowUserInput`,void 0),e.n([e.u({type:Boolean,attribute:`max-is-reached`})],T.prototype,`maxIsReached`,void 0),e.n([e.u({type:String,attribute:`custom-user-input`})],T.prototype,`customUserInput`,void 0),e.n([e.u({type:String,attribute:`search-placeholder`})],T.prototype,`searchPlaceholder`,void 0),e.n([e.u({type:String,attribute:`search-value`})],T.prototype,`searchValue`,void 0),e.n([e.u({type:Number,attribute:`max-length`})],T.prototype,`maxLength`,void 0),e.n([e.u({type:String,attribute:`user-message`})],T.prototype,`userMessage`,void 0),e.n([e.l()],T.prototype,`_filteredOptions`,void 0);try{e.d(`pkt-listbox`)(T)}catch{console.warn(`Forsøker å definere <pkt-listbox>, men den er allerede definert`)}var E=T;Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return E}});

package/dist/{listbox-BDesthOp.js → listbox-DFd-1faX.js}

@@ -1,8 +1,8 @@
-import { _ as e, d as t, h as n, l as r, n as i, t as a, u as o } from "./element-DBugHPKM.js";
-import { t as s } from "./class-map-Bf-QzUpN.js";
+import { _ as e, d as t, h as n, l as r, n as i, t as a, u as o } from "./element-ckeMVgMz.js";
+import { t as s } from "./class-map-BkEYw5uE.js";
 import { t as c } from "./format-BTeSVkED.js";
-import { t as l } from "./if-defined-O59_I-e-.js";
-import { t as u } from "./repeat-CV9S4zya.js";
+import { t as l } from "./if-defined-D18nY_K_.js";
+import { t as u } from "./repeat-BGbBqnfz.js";
 import { n as d } from "./utils-BwF4QSrq.js";
 //#region ../../shared-utils/combobox/option-utils.ts
 var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label === t)) || null, p = (e, t) => {
@@ -91,18 +91,17 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
 		}
 	}
 	let r = n.find((e) => e.dataset.selected === "true");
-	if (r) {
-		w(r);
-		return;
-	}
-	if (t.includeSearch && !(document.activeElement instanceof HTMLInputElement)) {
-		let t = e.querySelector("[role=\"searchbox\"]");
-		if (t) {
-			window.setTimeout(() => t.focus(), 0);
-			return;
+	if (r) w(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] && w(n[0]);
 	}
-	n[0] && w(n[0]);
 }, j = class extends a {
 	constructor(...e) {
 		super(...e), this.id = d(), this._listboxId = d(), 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 = S(), this._filteredOptions = [];
@@ -190,7 +189,7 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
             @keydown=${this.handleOptionKeydown}
             class=${s({
 			"pkt-listbox__option": !0,
-			"pkt-listbox__option--selected": !!(!this.isMultiSelect && t.selected),
+			"pkt-listbox__option--selected": !(this.isMultiSelect || !t.selected),
 			"pkt-listbox__option--checkBox": this.isMultiSelect
 		})}
             tabindex="${this.disabled || t.disabled ? "-1" : "0"}"
@@ -300,7 +299,7 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
 	}
 	handleOptionKeydown(e) {
 		let t = e.currentTarget, n = t.dataset.value, r = t.dataset.type, i = t.dataset.selected === "true";
-		if (!(!T(this).length && (!this.customUserInput || !this.allowUserInput && this.customUserInput) && r !== "new-option" && r !== "searchbox")) switch (e.key) {
+		if (T(this).length || this.customUserInput && (this.allowUserInput || !this.customUserInput) || r === "new-option" || r === "searchbox") switch (e.key) {
 			case " ":
 			case "Enter":
 				this.toggleOption(t), e.preventDefault();

package/dist/{loader-Zo_VSsNw.cjs → loader-BRYL5kTN.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./element-with-slot-CcJPCLgn.cjs");require("./icon-jPhyZD1z.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=`rainbow`,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._`<div
+const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./element-with-slot-DkyaNnm0.cjs");require("./icon-jPhyZD1z.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=`rainbow`,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._`<div
       role="status"
       aria-live="polite"
       aria-busy=${this.isLoading?`true`:`false`}

package/dist/{loader-Di5kHEQ4.js → loader-MoI2VRFr.js}

@@ -1,7 +1,7 @@
-import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-DBugHPKM.js";
-import { t as o } from "./class-map-Bf-QzUpN.js";
-import { i as s, t as c } from "./element-with-slot-CVmm0_IE.js";
-import "./icon-Bao96Zb8.js";
+import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-ckeMVgMz.js";
+import { t as o } from "./class-map-BkEYw5uE.js";
+import { i as s, t as c } from "./element-with-slot-C0bH0T0H.js";
+import "./icon-CLMJYuTL.js";
 //#region src/components/loader/loader.ts
 var l = "https://punkt-cdn.oslo.kommune.no/latest/animations/";
 typeof window < "u" && (window.pktAnimationPath = window.pktAnimationPath || l);

package/dist/{messagebox-CR59jv8N.cjs → messagebox-CiOQUt0C.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./element-with-slot-CcJPCLgn.cjs");require("./icon-jPhyZD1z.cjs");const r=require("./classutils-CbklAJDe.cjs");var i={skin:`beige`,compact:!1,closable:!1},a=class extends n.t{constructor(){super(),this.closable=i.closable,this.compact=i.compact,this.title=``,this.skin=i.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)}>
+const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./element-with-slot-DkyaNnm0.cjs");require("./icon-jPhyZD1z.cjs");const r=require("./classutils-CbklAJDe.cjs");var i={skin:`beige`,compact:!1,closable:!1},a=class extends n.t{constructor(){super(),this.closable=i.closable,this.compact=i.compact,this.title=``,this.skin=i.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)}>
       ${this.closable?e._`<div class="pkt-messagebox__close">
             <button
               @click=${this.close}

package/dist/{messagebox-CzaFlrYz.js → messagebox-Dr-k3pnZ.js}

@@ -1,7 +1,7 @@
-import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-DBugHPKM.js";
-import { t as o } from "./class-map-Bf-QzUpN.js";
-import { i as s, t as c } from "./element-with-slot-CVmm0_IE.js";
-import "./icon-Bao96Zb8.js";
+import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-ckeMVgMz.js";
+import { t as o } from "./class-map-BkEYw5uE.js";
+import { i as s, t as c } from "./element-with-slot-C0bH0T0H.js";
+import "./icon-CLMJYuTL.js";
 import { t as l } from "./classutils-DcYnSgfc.js";
 //#region ../../shared-types/messagebox.ts
 var u = {

package/dist/{modal-wEEmCcUx.cjs → modal-DGiq84MG.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./element-with-slot-CcJPCLgn.cjs");require("./icon-jPhyZD1z.cjs");const r=require("./if-defined-CiML3MTM.cjs"),i=require("./ref-CB7e9nMY.cjs"),a=require("./utils-63cRpWut.cjs"),o=require("./scroll-lock-B46ur0FF.cjs");var s={name:`pkt-modal`,react:`PktModal`,"css-class":`pkt-modal`,isElement:!0,isPureReact:!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 n.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=o.t(),this._idSuffix=a.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,o.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.requestUpdate()},this.showModal=(e=null)=>{this._isOpen=!0,this.open=!0,this.dialogRef.value?.showModal(),o.n(this._scrollLockToken,!0),this.dispatchEvent(new CustomEvent(`showModal`,{detail:{origin:e},bubbles:!0,composed:!0})),this.requestUpdate()},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),o.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-B-g35ove.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?e._`<pkt-icon
+const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./element-with-slot-DkyaNnm0.cjs");require("./icon-jPhyZD1z.cjs");const r=require("./if-defined-CiML3MTM.cjs"),i=require("./ref-CB7e9nMY.cjs"),a=require("./utils-63cRpWut.cjs"),o=require("./scroll-lock-x0VxhKWZ.cjs");var s={name:`pkt-modal`,react:`PktModal`,"css-class":`pkt-modal`,isElement:!0,isPureReact:!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 n.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=o.t(),this._idSuffix=a.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,o.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.requestUpdate()},this.showModal=(e=null)=>{this._isOpen=!0,this.open=!0,this.dialogRef.value?.showModal(),o.n(this._scrollLockToken,!0),this.dispatchEvent(new CustomEvent(`showModal`,{detail:{origin:e},bubbles:!0,composed:!0})),this.requestUpdate()},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),o.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-CW51hN2p.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?e._`<pkt-icon
           class="pkt-modal__headingIcon"
           name=${this.headingIconName}
           path=${r.t(this.headingIconPath)}

package/dist/{modal-0D0paY70.js → modal-DbzEnZNF.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-DBugHPKM.js";
-import { t as o } from "./class-map-Bf-QzUpN.js";
-import { i as s, t as c } from "./element-with-slot-CVmm0_IE.js";
-import "./icon-Bao96Zb8.js";
-import { t as l } from "./if-defined-O59_I-e-.js";
-import { n as u, t as d } from "./ref-y_5qv9vU.js";
+import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-ckeMVgMz.js";
+import { t as o } from "./class-map-BkEYw5uE.js";
+import { i as s, t as c } from "./element-with-slot-C0bH0T0H.js";
+import "./icon-CLMJYuTL.js";
+import { t as l } from "./if-defined-D18nY_K_.js";
+import { n as u, t as d } from "./ref-D4OwQYdf.js";
 import { n as f } from "./utils-BwF4QSrq.js";
-import { n as p, t as m } from "./scroll-lock-BALd8hF9.js";
+import { n as p, t as m } from "./scroll-lock-CR-g54ai.js";
 var h = {
 	name: "pkt-modal",
 	react: "PktModal",
@@ -137,7 +137,7 @@ var h = {
 		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 import("./dialog-polyfill.esm-DHSvqor8.js").then((e) => e.default)).registerDialog(this.dialogRef.value), this.dialogRef.value.addEventListener("close", () => {
+		super.firstUpdated(e), this.dialogRef.value && !window.HTMLDialogElement && !this.dialogRef.value.showModal && ("document" in window && "createElement" in document && (await import("./dialog-polyfill.esm-D39dWbRt.js").then((e) => e.default)).registerDialog(this.dialogRef.value), this.dialogRef.value.addEventListener("close", () => {
 			this.close(new Event("close"), !0);
 		}));
 	}

package/dist/option-group-element-CH0sgVIl.cjs

@@ -0,0 +1,23 @@
+const e=require("./element-C6WTyJFE.cjs"),t=require("./element-with-slot-DkyaNnm0.cjs"),n=require("./booleanish-BF8l4scU.cjs");require("./input-wrapper-4PTk8aX3.cjs");const r=require("./utils-63cRpWut.cjs");var i={layout:`vertical`,inputSize:`medium`,hasTile:!1,required:!1,disabled:!1,hasError:!1,useWrapper:!0,requiredTag:!1,optionalTag:!1},a=[`change`,`input`,`value-change`,`focus`,`blur`];function o(e){return e.checked===void 0?e.hasAttribute(`checked`):e.checked===!0||e.checked===``||e.checked===`true`}function s(e){return(typeof e.value==`string`?e.value:e.getAttribute(`value`))||`on`}function c(e){return e.hasAttribute(`disabled`)||e.matches(`:disabled`)}var l=class extends t.t{get groupName(){return this.name||this.id||this.generatedId}options(){return Array.from(this.querySelectorAll(this.optionSelector))}createGroupContext(){return{name:this.groupName,hasTile:this.hasTile,hasError:this.hasError}}syncValidity(){}constructor(){super(),this.name=``,this.label=``,this.helptext=``,this.helptextDropdown=``,this.helptextDropdownButton=null,this.hasError=i.hasError,this.errorMessage=``,this.disabled=i.disabled,this.required=i.required,this.hasTile=i.hasTile,this.layout=i.layout,this.inputSize=i.inputSize,this.useWrapper=i.useWrapper,this.optionalTag=i.optionalTag,this.requiredTag=i.requiredTag,this.tagText=null,this.generatedId=r.n(),this.knownOptions=new Set,this.resetForm=null,this.handleFormReset=()=>{setTimeout(()=>{this.hasStoredValue&&this.storeCurrentValue(),this.syncValidity()})},this.relayOptionEvent=e=>{let t=e.target;if(!t||t===this||!t.matches(this.optionSelector))return;e.stopImmediatePropagation();let n={bubbles:!0,composed:!0};e.type===`change`?(this.storeCurrentValue(),this.syncValidity(),this.dispatchEvent(new Event(`change`,n))):e.type===`input`?this.dispatchEvent(new InputEvent(`input`,n)):e.type===`value-change`&&this.dispatchEvent(new CustomEvent(`value-change`,{...n,detail:this.value}))},this.handleFocusIn=e=>{this.contains(e.relatedTarget)||this.dispatchEvent(new FocusEvent(`focus`,{bubbles:!0,composed:!0,relatedTarget:e.relatedTarget}))},this.handleFocusOut=e=>{this.contains(e.relatedTarget)||this.dispatchEvent(new FocusEvent(`blur`,{bubbles:!0,composed:!0,relatedTarget:e.relatedTarget}))};for(let e of a)this.addEventListener(e,this.relayOptionEvent);this.addEventListener(`focusin`,this.handleFocusIn),this.addEventListener(`focusout`,this.handleFocusOut)}disconnectedCallback(){super.disconnectedCallback(),this.watchFormReset(null)}focus(e){let t=this.options();(t.find(e=>o(e)&&!c(e))??t.find(e=>!c(e)))?.querySelector(`input`)?.focus(e)}willUpdate(e){super.willUpdate(e);let t=this.createGroupContext(),n=this.groupContext;(!n||Object.keys(t).some(e=>t[e]!==n[e]))&&(this.groupContext=t)}updated(e){super.updated(e);let t=this.options(),n=t.filter(e=>!this.knownOptions.has(e));this.knownOptions=new Set(t),this.hasStoredValue&&n.length&&this.applyStoredValue(n),this.syncValidity(),this.watchFormReset(t[0]?.form??null)}watchFormReset(e){e!==this.resetForm&&(this.resetForm?.removeEventListener(`reset`,this.handleFormReset),this.resetForm=e,this.resetForm?.addEventListener(`reset`,this.handleFormReset))}render(){return e._`
+      <pkt-input-wrapper
+        ${t.n(this,[null,`helptext`])}
+        .strings=${this.strings}
+        label=${this.label}
+        hasFieldset
+        ?disabled=${this.disabled}
+        ?hasError=${this.hasError}
+        ?optionalTag=${this.optionalTag}
+        ?requiredTag=${this.requiredTag}
+        useWrapper=${this.useWrapper}
+        .errorMessage=${this.errorMessage}
+        .forId=${this.id||this.generatedId}
+        .helptext=${this.helptext}
+        .helptextDropdown=${this.helptextDropdown}
+        .helptextDropdownButton=${this.helptextDropdownButton}
+        .layout=${this.layout}
+        .optionalText=${this.optionalText}
+        .requiredText=${this.requiredText}
+        .tagText=${this.tagText}
+        .size=${this.inputSize}
+      ></pkt-input-wrapper>
+    `}};e.n([e.u({type:String})],l.prototype,`name`,void 0),e.n([e.u({type:String})],l.prototype,`label`,void 0),e.n([e.u({type:String})],l.prototype,`helptext`,void 0),e.n([e.u({type:String})],l.prototype,`helptextDropdown`,void 0),e.n([e.u({type:String})],l.prototype,`helptextDropdownButton`,void 0),e.n([e.u({type:Boolean})],l.prototype,`hasError`,void 0),e.n([e.u({type:String})],l.prototype,`errorMessage`,void 0),e.n([e.u({type:Boolean})],l.prototype,`disabled`,void 0),e.n([e.u({type:Boolean})],l.prototype,`required`,void 0),e.n([e.u({type:Boolean})],l.prototype,`hasTile`,void 0),e.n([e.u({type:String})],l.prototype,`layout`,void 0),e.n([e.u({type:String,attribute:`input-size`})],l.prototype,`inputSize`,void 0),e.n([e.u({type:Boolean,converter:n.t})],l.prototype,`useWrapper`,void 0),e.n([e.u({type:Boolean})],l.prototype,`optionalTag`,void 0),e.n([e.u({type:String})],l.prototype,`optionalText`,void 0),e.n([e.u({type:Boolean})],l.prototype,`requiredTag`,void 0),e.n([e.u({type:String})],l.prototype,`requiredText`,void 0),e.n([e.u({type:String})],l.prototype,`tagText`,void 0),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/dist/{option-group-element-D5PgGNdt.js → option-group-element-DC364Rw_.js}

@@ -1,8 +1,8 @@
-import { _ as e, n as t, u as n } from "./element-DBugHPKM.js";
-import { n as r, t as i } from "./element-with-slot-CVmm0_IE.js";
+import { _ as e, n as t, u as n } from "./element-ckeMVgMz.js";
+import { n as r, t as i } from "./element-with-slot-C0bH0T0H.js";
 import { t as a } from "./booleanish-OQJTYSrw.js";
+import "./input-wrapper-BSjQc4Vx.js";
 import { n as o } from "./utils-BwF4QSrq.js";
-import "./input-wrapper-Bb6CZxmg.js";
 //#region ../../shared-types/option-group.ts
 var s = {
 	layout: "vertical",

package/dist/pkt-accordion.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./accordion-DukAa2ED.cjs");exports.PktAccordion=e.r,exports.PktAccordionItem=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./accordion-Cx-Gh3hc.cjs");exports.PktAccordion=e.r,exports.PktAccordionItem=e.n,exports.default=e.t;

package/dist/pkt-accordion.js

@@ -1,2 +1 @@
-import { n as e, r as t, t as n } from "./accordion-BlsqYbJf.js";
-export { t as PktAccordion, e as PktAccordionItem, n as default };
+export { r as PktAccordion, n as PktAccordionItem, t as default } from "./accordion-B0zAUNUV.js";

package/dist/pkt-alert.cjs

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

package/dist/pkt-alert.js

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

package/dist/pkt-backlink.js

@@ -1,2 +1 @@
-import { n as e, t } from "./backlink-ogvv493Y.js";
-export { e as PktBackLink, t as default };
+export { n as PktBackLink, t as default } from "./backlink-D8Rv46lA.js";