@oslokommune/punkt-elements 19.8.0 → 19.10.0

package/dist/pkt-select.js

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

package/dist/pkt-tabs.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./tabs-CjX-GWvM.cjs");exports.PktTabItem=e.n,exports.PktTabs=e.r,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./tabs-Dm8xcPRs.cjs");exports.PktTabItem=e.n,exports.PktTabs=e.r,exports.default=e.t;

package/dist/pkt-tabs.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./tabs-B8blHQrL.js";
+import { n as e, r as t, t as n } from "./tabs-DZvtVA0y.js";
 export { e as PktTabItem, t as PktTabs, n as default };

package/dist/pkt-tag.cjs

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

package/dist/pkt-tag.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./tag-Bns7Xj1O.js";
+import { n as e, t } from "./tag-C33BPIOm.js";
 export { e as PktTag, t as default };

package/dist/pkt-textarea.cjs

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

package/dist/pkt-textarea.js

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

package/dist/pkt-textinput.cjs

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

package/dist/pkt-textinput.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./textinput-7zTPlXVj.js";
+import { n as e, t } from "./textinput-B6G4dVuL.js";
 export { e as PktTextinput, t as default };

package/dist/pkt-timepicker.cjs

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

package/dist/pkt-timepicker.js

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

package/dist/{progressbar-CIXNSwTy.cjs → progressbar-CnX4fFfR.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs");require("./icon-Dnv6LtPC.cjs");const n=require("./if-defined-2mkIDgOm.cjs"),r=require("./ref-Emu5PNxk.cjs"),i=require("./utils-63cRpWut.cjs");var a=`important`,o=` !`+a,s=e.f(class extends e.p{constructor(t){if(super(t),t.type!==e.m.ATTRIBUTE||t.name!==`style`||t.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce((t,n)=>{let r=e[n];return r==null?t:t+`${n=n.includes(`-`)?n:n.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,`-$&`).toLowerCase()}:${r};`},``)}update(t,[n]){let{style:r}=t.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(n)),this.render(n);for(let e of this.ft)n[e]??(this.ft.delete(e),e.includes(`-`)?r.removeProperty(e):r[e]=null);for(let e in n){let t=n[e];if(t!=null){this.ft.add(e);let n=typeof t==`string`&&t.endsWith(o);e.includes(`-`)||n?r.setProperty(e,n?t.slice(0,-11):t,n?a:``):r[e]=t}}return e.g}}),c=class extends e.t{constructor(){super(),this.ariaLabel=null,this.ariaLabelledby=null,this.ariaValueText=null,this.ariaLive=`polite`,this.id=i.n(),this.role=`progressbar`,this.skin=`dark-blue`,this.statusPlacement=`following`,this.statusType=`none`,this.title=``,this.titlePosition=`left`,this.valueCurrent=0,this.valueMax=100,this.valueMin=0,this.labelWidth=0,this.progressbarId=this.id,this.resolvedRole=`progressbar`,this.labelRef=r.t(),this.progressBarRef=r.t()}willUpdate(e){super.willUpdate(e),this.id&&(this.progressbarId=this.id);let t=this.getAttribute(`role`);t?(this.resolvedRole=t,this.removeAttribute(`role`)):this.role&&(this.resolvedRole=this.role)}updated(e){super.updated(e),e.has(`valueCurrent`)&&this.labelRef.value&&(this.labelWidth=this.labelRef.value.getBoundingClientRect().width||0)}render(){let i=this.statusType!==`none`,a=this.valueMax-this.valueMin,o=this.valueCurrent/a*100,c=this.statusType===`fraction`?Math.round(o):Math.round((this.valueCurrent-this.valueMin)/(this.valueMax-this.valueMin)*100),l=`${this.valueCurrent} av ${a}`,u=this.statusType===`fraction`&&!this.ariaValueText?`${this.valueCurrent} av ${this.valueMax-this.valueMin}`:this.ariaValueText||``,d=this.ariaLabel?void 0:this.ariaLabelledby||`${this.progressbarId}-title`,f=t.t({"pkt-progressbar__bar":!0,[`pkt-progressbar__bar--${this.skin}`]:!!this.skin}),p=t.t({"pkt-progressbar__title":!0,"pkt-progressbar__title-center":this.titlePosition===`center`}),m=t.t({"pkt-progressbar__status":!0,"pkt-progressbar__status--center":this.statusPlacement===`center`}),h=t.t({"pkt-progressbar__status-placement--following":this.statusPlacement===`following`,"pkt-progressbar__status-placement--center":this.statusPlacement===`center`,"pkt-progressbar__status-placement--left":this.statusPlacement===`left`});return e._`<div
+const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs");require("./icon-jPhyZD1z.cjs");const n=require("./if-defined-CiML3MTM.cjs"),r=require("./ref-CB7e9nMY.cjs"),i=require("./utils-63cRpWut.cjs");var a=`important`,o=` !`+a,s=e.f(class extends e.p{constructor(t){if(super(t),t.type!==e.m.ATTRIBUTE||t.name!==`style`||t.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce((t,n)=>{let r=e[n];return r==null?t:t+`${n=n.includes(`-`)?n:n.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,`-$&`).toLowerCase()}:${r};`},``)}update(t,[n]){let{style:r}=t.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(n)),this.render(n);for(let e of this.ft)n[e]??(this.ft.delete(e),e.includes(`-`)?r.removeProperty(e):r[e]=null);for(let e in n){let t=n[e];if(t!=null){this.ft.add(e);let n=typeof t==`string`&&t.endsWith(o);e.includes(`-`)||n?r.setProperty(e,n?t.slice(0,-11):t,n?a:``):r[e]=t}}return e.g}}),c=class extends e.t{constructor(){super(),this.ariaLabel=null,this.ariaLabelledby=null,this.ariaValueText=null,this.ariaLive=`polite`,this.id=i.n(),this.role=`progressbar`,this.skin=`dark-blue`,this.statusPlacement=`following`,this.statusType=`none`,this.title=``,this.titlePosition=`left`,this.valueCurrent=0,this.valueMax=100,this.valueMin=0,this.labelWidth=0,this.progressbarId=this.id,this.resolvedRole=`progressbar`,this.labelRef=r.t(),this.progressBarRef=r.t()}willUpdate(e){super.willUpdate(e),this.id&&(this.progressbarId=this.id);let t=this.getAttribute(`role`);t?(this.resolvedRole=t,this.removeAttribute(`role`)):this.role&&(this.resolvedRole=this.role)}updated(e){super.updated(e),e.has(`valueCurrent`)&&this.labelRef.value&&(this.labelWidth=this.labelRef.value.getBoundingClientRect().width||0)}render(){let i=this.statusType!==`none`,a=this.valueMax-this.valueMin,o=this.valueCurrent/a*100,c=this.statusType===`fraction`?Math.round(o):Math.round((this.valueCurrent-this.valueMin)/(this.valueMax-this.valueMin)*100),l=`${this.valueCurrent} av ${a}`,u=this.statusType===`fraction`&&!this.ariaValueText?`${this.valueCurrent} av ${this.valueMax-this.valueMin}`:this.ariaValueText||``,d=this.ariaLabel?void 0:this.ariaLabelledby||`${this.progressbarId}-title`,f=t.t({"pkt-progressbar__bar":!0,[`pkt-progressbar__bar--${this.skin}`]:!!this.skin}),p=t.t({"pkt-progressbar__title":!0,"pkt-progressbar__title-center":this.titlePosition===`center`}),m=t.t({"pkt-progressbar__status":!0,"pkt-progressbar__status--center":this.statusPlacement===`center`}),h=t.t({"pkt-progressbar__status-placement--following":this.statusPlacement===`following`,"pkt-progressbar__status-placement--center":this.statusPlacement===`center`,"pkt-progressbar__status-placement--left":this.statusPlacement===`left`});return e._`<div
       ${r.n(this.progressBarRef)}
       role=${this.resolvedRole}
       aria-live=${n.t(this.ariaLive||void 0)}

package/dist/{progressbar-DH5lIBpx.js → progressbar-DZHiq7B0.js}

@@ -1,8 +1,8 @@
-import { _ as e, d as t, f as n, g as r, h as i, l as a, m as o, n as s, p as c, t as l, u } from "./element-mwwC2Rra.js";
-import { t as d } from "./class-map-C4hdfSfY.js";
-import "./icon-JigbxxF7.js";
-import { t as f } from "./if-defined-Bebu3LXY.js";
-import { n as p, t as m } from "./ref-CCSGk4MP.js";
+import { _ as e, d as t, f as n, g as r, h as i, l as a, m as o, n as s, p as c, t as l, u } from "./element-DBugHPKM.js";
+import { t as d } from "./class-map-Bf-QzUpN.js";
+import "./icon-Bao96Zb8.js";
+import { t as f } from "./if-defined-O59_I-e-.js";
+import { n as p, t as m } from "./ref-y_5qv9vU.js";
 import { n as h } from "./utils-BwF4QSrq.js";
 //#region ../../node_modules/lit-html/directives/style-map.js
 var g = "important", _ = " !" + g, v = n(class extends c {

package/dist/provide-Cz18sYug.cjs

@@ -0,0 +1 @@
+const e=require("./consume-kEjgTrAp.cjs");var t=class{get value(){return this.o}set value(e){this.setValue(e)}setValue(e,t=!1){let n=t||!Object.is(e,this.o);this.o=e,n&&this.updateObservers()}constructor(e){this.subscriptions=new Map,this.updateObservers=()=>{for(let[e,{disposer:t}]of this.subscriptions)e(this.o,t)},e!==void 0&&(this.value=e)}addCallback(e,t,n){if(!n)return void e(this.value);this.subscriptions.has(e)||this.subscriptions.set(e,{disposer:()=>{this.subscriptions.delete(e)},consumerHost:t});let{disposer:r}=this.subscriptions.get(e);e(this.value,r)}clearCallbacks(){this.subscriptions.clear()}},n=class extends Event{constructor(e,t){super(`context-provider`,{bubbles:!0,composed:!0}),this.context=e,this.contextTarget=t}},r=class extends t{constructor(t,n,r){super(n.context===void 0?r:n.initialValue),this.onContextRequest=e=>{if(e.context!==this.context)return;let t=e.contextTarget??e.composedPath()[0];t!==this.host&&(e.stopPropagation(),this.addCallback(e.callback,t,e.subscribe))},this.onProviderRequest=t=>{if(t.context!==this.context||(t.contextTarget??t.composedPath()[0])===this.host)return;let n=new Set;for(let[t,{consumerHost:r}]of this.subscriptions)n.has(t)||(n.add(t),r.dispatchEvent(new e.r(this.context,r,t,!0)));t.stopPropagation()},this.host=t,this.context=n.context===void 0?n:n.context,this.attachListeners(),this.host.addController?.(this)}attachListeners(){this.host.addEventListener(`context-request`,this.onContextRequest),this.host.addEventListener(`context-provider`,this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new n(this.context,this.host))}};function i({context:e}){return(t,n)=>{let i=new WeakMap;if(typeof n==`object`)return{get(){return t.get.call(this)},set(e){return i.get(this).setValue(e),t.set.call(this,e)},init(t){return i.set(this,new r(this,{context:e,initialValue:t})),t}};{t.constructor.addInitializer((t=>{i.set(t,new r(t,{context:e}))}));let a=Object.getOwnPropertyDescriptor(t,n),o;if(a===void 0){let e=new WeakMap;o={get(){return e.get(this)},set(t){i.get(this).setValue(t),e.set(this,t)},configurable:!0,enumerable:!0}}else{let e=a.set;o={...a,set(t){i.get(this).setValue(t),e?.call(this,t)}}}Object.defineProperty(t,n,o);return}}}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});

package/dist/provide-_MnlMGnw.js

@@ -0,0 +1,111 @@
+import { r as e } from "./consume-Bp12si68.js";
+//#region ../../node_modules/@lit/context/lib/value-notifier.js
+var t = class {
+	get value() {
+		return this.o;
+	}
+	set value(e) {
+		this.setValue(e);
+	}
+	setValue(e, t = !1) {
+		let n = t || !Object.is(e, this.o);
+		this.o = e, n && this.updateObservers();
+	}
+	constructor(e) {
+		this.subscriptions = /* @__PURE__ */ new Map(), this.updateObservers = () => {
+			for (let [e, { disposer: t }] of this.subscriptions) e(this.o, t);
+		}, e !== void 0 && (this.value = e);
+	}
+	addCallback(e, t, n) {
+		if (!n) return void e(this.value);
+		this.subscriptions.has(e) || this.subscriptions.set(e, {
+			disposer: () => {
+				this.subscriptions.delete(e);
+			},
+			consumerHost: t
+		});
+		let { disposer: r } = this.subscriptions.get(e);
+		e(this.value, r);
+	}
+	clearCallbacks() {
+		this.subscriptions.clear();
+	}
+}, n = class extends Event {
+	constructor(e, t) {
+		super("context-provider", {
+			bubbles: !0,
+			composed: !0
+		}), this.context = e, this.contextTarget = t;
+	}
+}, r = class extends t {
+	constructor(t, n, r) {
+		super(n.context === void 0 ? r : n.initialValue), this.onContextRequest = (e) => {
+			if (e.context !== this.context) return;
+			let t = e.contextTarget ?? e.composedPath()[0];
+			t !== this.host && (e.stopPropagation(), this.addCallback(e.callback, t, e.subscribe));
+		}, this.onProviderRequest = (t) => {
+			if (t.context !== this.context || (t.contextTarget ?? t.composedPath()[0]) === this.host) return;
+			let n = /* @__PURE__ */ new Set();
+			for (let [t, { consumerHost: r }] of this.subscriptions) n.has(t) || (n.add(t), r.dispatchEvent(new e(this.context, r, t, !0)));
+			t.stopPropagation();
+		}, this.host = t, this.context = n.context === void 0 ? n : n.context, this.attachListeners(), this.host.addController?.(this);
+	}
+	attachListeners() {
+		this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
+	}
+	hostConnected() {
+		this.host.dispatchEvent(new n(this.context, this.host));
+	}
+};
+//#endregion
+//#region ../../node_modules/@lit/context/lib/decorators/provide.js
+function i({ context: e }) {
+	return (t, n) => {
+		let i = /* @__PURE__ */ new WeakMap();
+		if (typeof n == "object") return {
+			get() {
+				return t.get.call(this);
+			},
+			set(e) {
+				return i.get(this).setValue(e), t.set.call(this, e);
+			},
+			init(t) {
+				return i.set(this, new r(this, {
+					context: e,
+					initialValue: t
+				})), t;
+			}
+		};
+		{
+			t.constructor.addInitializer(((t) => {
+				i.set(t, new r(t, { context: e }));
+			}));
+			let a = Object.getOwnPropertyDescriptor(t, n), o;
+			if (a === void 0) {
+				let e = /* @__PURE__ */ new WeakMap();
+				o = {
+					get() {
+						return e.get(this);
+					},
+					set(t) {
+						i.get(this).setValue(t), e.set(this, t);
+					},
+					configurable: !0,
+					enumerable: !0
+				};
+			} else {
+				let e = a.set;
+				o = {
+					...a,
+					set(t) {
+						i.get(this).setValue(t), e?.call(this, t);
+					}
+				};
+			}
+			Object.defineProperty(t, n, o);
+			return;
+		}
+	};
+}
+//#endregion
+export { i as t };

package/dist/radio-group-BzV_JhgJ.js

@@ -0,0 +1,52 @@
+import { d as e, l as t, n, u as r } from "./element-DBugHPKM.js";
+import { r as i } from "./radiobutton-bkTAD5PV.js";
+import { i as a, n as o, t as s } from "./option-group-element-BIuotbRu.js";
+import { t as c } from "./provide-_MnlMGnw.js";
+//#region src/components/radio-group/radio-group.ts
+var l = class extends s {
+	constructor(...e) {
+		super(...e), this.optionSelector = "pkt-radiobutton", this.groupContext = {
+			name: "",
+			hasTile: !1,
+			hasError: !1,
+			required: !1
+		}, this.storedValue = null;
+	}
+	get value() {
+		let e = this.options().find(o);
+		return e ? a(e) : "";
+	}
+	set value(e) {
+		let t = this.value;
+		this.storedValue = e ?? "", this.applyStoredValue(this.options()), this.requestUpdate("value", t);
+	}
+	get hasStoredValue() {
+		return this.storedValue !== null;
+	}
+	storeCurrentValue() {
+		this.storedValue = this.value;
+	}
+	applyStoredValue(e) {
+		e.forEach((e) => {
+			let t = this.storedValue !== "" && a(e) === this.storedValue;
+			o(e) !== t && (e.checked = t);
+		});
+	}
+	createGroupContext() {
+		return {
+			...super.createGroupContext(),
+			required: this.required
+		};
+	}
+};
+n([c({ context: i }), t()], l.prototype, "groupContext", void 0), n([r({ type: String })], l.prototype, "value", null);
+try {
+	e("pkt-radio-group")(l);
+} catch {
+	console.warn("Forsøker å definere <pkt-radio-group>, men den er allerede definert");
+}
+//#endregion
+//#region src/components/radio-group/index.ts
+var u = l;
+//#endregion
+export { l as n, u as t };

package/dist/radio-group-C-8C0-Py.cjs

@@ -0,0 +1 @@
+const e=require("./element-C6WTyJFE.cjs"),t=require("./radiobutton-_089zFBB.cjs"),n=require("./option-group-element-BYS7s-is.cjs"),r=require("./provide-Cz18sYug.cjs");var i=class extends n.t{constructor(...e){super(...e),this.optionSelector=`pkt-radiobutton`,this.groupContext={name:``,hasTile:!1,hasError:!1,required:!1},this.storedValue=null}get value(){let e=this.options().find(n.n);return e?n.i(e):``}set value(e){let t=this.value;this.storedValue=e??``,this.applyStoredValue(this.options()),this.requestUpdate(`value`,t)}get hasStoredValue(){return this.storedValue!==null}storeCurrentValue(){this.storedValue=this.value}applyStoredValue(e){e.forEach(e=>{let t=this.storedValue!==``&&n.i(e)===this.storedValue;n.n(e)!==t&&(e.checked=t)})}createGroupContext(){return{...super.createGroupContext(),required:this.required}}};e.n([r.t({context:t.r}),e.l()],i.prototype,`groupContext`,void 0),e.n([e.u({type:String})],i.prototype,`value`,null);try{e.d(`pkt-radio-group`)(i)}catch{console.warn(`Forsøker å definere <pkt-radio-group>, men den er allerede definert`)}var a=i;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});

package/dist/radio-group.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/radiobutton-_089zFBB.cjs

@@ -0,0 +1,38 @@
+const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./consume-kEjgTrAp.cjs"),r=require("./ref-CB7e9nMY.cjs"),i=require("./input-element-C4SelHLD.cjs");var a={defaultChecked:!1,hasTile:!1,disabled:!1,hasError:!1,requiredTag:!1,optionalTag:!1},o=n.n(Symbol(`pkt-radio-group-context`)),s=class extends i.t{constructor(...e){super(...e),this.inputRef=r.t(),this.value=``,this.checkHelptext=null,this.defaultChecked=a.defaultChecked,this.hasTile=a.hasTile,this.checked=null,this.type=`radio`,this.inputSize=void 0,this.tagText=null,this.optionalTag=a.optionalTag,this.requiredTag=a.requiredTag,this._checked=!1}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,t,n){e===`checked`&&(this._checked=this.checked===``||this.checked===`true`||this.checked===!0),super.attributeChangedCallback(e,t,n)}render(){let n=this.hasTile||!!this.groupContext?.hasTile,i=t.t({"pkt-input-check__input":!0,"pkt-input-check__input--tile":n,"pkt-input-check__input--tile-disabled":this.isDisabled&&n}),a=t.t({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError||!!this.groupContext?.hasError}),o=t.t({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--disabled":this.isDisabled,"pkt-sr-only":this.hideLabel}),s=`pkt-tag pkt-tag--small pkt-tag--thin-text`,c=this.pktStrings.get(`forms`),l=()=>e._`
+        ${this.tagText?e._`<span class=${s+` pkt-tag--gray`}>${this.tagText}</span>`:e.h}
+        ${this.optionalTag?e._`<span class=${s+` pkt-tag--blue-light`}
+                >${this.optionalText??c.optional}</span
+              >`:e.h}
+        ${this.requiredTag?e._`<span class=${s+` pkt-tag--beige`}
+                >${this.requiredText??c.required}</span
+              >`:e.h}
+      `,u=this.id+`-check-label`,d=this.id+`-check-helptext`;return e._`
+      <div class="pkt-input-check${this.inputSize?` pkt-input-check--${this.inputSize}`:``}">
+        <div class=${i}>
+          <input
+            id=${this.id+`-internal`}
+            class=${a}
+            type="radio"
+            ?disabled=${this.isDisabled}
+            form=""
+            name=${this.internalName}
+            ${r.n(this.inputRef)}
+            @change=${this.toggleChecked}
+            @input=${this.handleInput}
+            @blur=${this.onBlur}
+            @focus=${this.onFocus}
+            ?checked=${this.checked}
+            aria-labelledby=${this.label?u:e.h}
+            aria-describedby=${this.checkHelptext?d:e.h}
+          />
+          ${e._`
+        <label class=${o} for=${this.id+`-internal`}>
+          <span id=${u}>${this.label} ${l()}</span>
+          ${this.checkHelptext?e._`<div id=${d} class="pkt-input-check__input-helptext">
+                  ${this.checkHelptext}
+                </div>`:e.h}
+        </label>
+      `}
+        </div>
+      </div>
+    `}handleInput(e){e.stopImmediatePropagation()}toggleChecked(e=null){e&&e.preventDefault(),e&&e.stopImmediatePropagation(),this.touched=!0,this.inputRef.value&&(this._checked=this.inputRef.value.matches(`:checked`),this.valueChecked(this._checked))}};e.n([e.u({type:String,reflect:!0})],s.prototype,`value`,void 0),e.n([e.u({type:String})],s.prototype,`checkHelptext`,void 0),e.n([e.u({type:Boolean})],s.prototype,`defaultChecked`,void 0),e.n([e.u({type:Boolean})],s.prototype,`hasTile`,void 0),e.n([e.u({type:Boolean,reflect:!0})],s.prototype,`checked`,void 0),e.n([e.u({type:String,reflect:!0})],s.prototype,`type`,void 0),e.n([e.u({type:String,attribute:`input-size`})],s.prototype,`inputSize`,void 0),e.n([e.u({type:String})],s.prototype,`tagText`,void 0),e.n([e.u({type:Boolean})],s.prototype,`optionalTag`,void 0),e.n([e.u({type:String})],s.prototype,`optionalText`,void 0),e.n([e.u({type:Boolean})],s.prototype,`requiredTag`,void 0),e.n([e.u({type:String})],s.prototype,`requiredText`,void 0),e.n([e.l()],s.prototype,`_checked`,void 0),e.n([n.t({context:o,subscribe:!0}),e.l()],s.prototype,`groupContext`,void 0);try{e.d(`pkt-radiobutton`)(s)}catch{console.warn(`Forsøker å definere <pkt-radiobutton>, men den er allerede definert`)}var c=s;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});

package/dist/radiobutton-bkTAD5PV.js

@@ -0,0 +1,108 @@
+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 { n as s, t as c } from "./consume-Bp12si68.js";
+import { n as l, t as u } from "./ref-y_5qv9vU.js";
+import { t as d } from "./input-element-BBygBEei.js";
+//#region ../../shared-types/radiobutton.ts
+var f = {
+	defaultChecked: !1,
+	hasTile: !1,
+	disabled: !1,
+	hasError: !1,
+	requiredTag: !1,
+	optionalTag: !1
+}, p = s(Symbol("pkt-radio-group-context")), m = class extends d {
+	constructor(...e) {
+		super(...e), this.inputRef = u(), this.value = "", this.checkHelptext = null, this.defaultChecked = f.defaultChecked, this.hasTile = f.hasTile, this.checked = null, this.type = "radio", this.inputSize = void 0, this.tagText = null, this.optionalTag = f.optionalTag, this.requiredTag = f.requiredTag, this._checked = !1;
+	}
+	connectedCallback() {
+		super.connectedCallback();
+	}
+	attributeChangedCallback(e, t, n) {
+		e === "checked" && (this._checked = this.checked === "" || this.checked === "true" || this.checked === !0), super.attributeChangedCallback(e, t, n);
+	}
+	render() {
+		let t = this.hasTile || !!this.groupContext?.hasTile, r = o({
+			"pkt-input-check__input": !0,
+			"pkt-input-check__input--tile": t,
+			"pkt-input-check__input--tile-disabled": this.isDisabled && t
+		}), i = o({
+			"pkt-input-check__input-checkbox": !0,
+			"pkt-input-check__input-checkbox--error": this.hasError || !!this.groupContext?.hasError
+		}), a = o({
+			"pkt-input-check__input-label": !0,
+			"pkt-input-check__input-label--disabled": this.isDisabled,
+			"pkt-sr-only": this.hideLabel
+		}), s = "pkt-tag pkt-tag--small pkt-tag--thin-text", c = this.pktStrings.get("forms"), u = () => e`
+        ${this.tagText ? e`<span class=${s + " pkt-tag--gray"}>${this.tagText}</span>` : n}
+        ${this.optionalTag ? e`<span class=${s + " pkt-tag--blue-light"}
+                >${this.optionalText ?? c.optional}</span
+              >` : n}
+        ${this.requiredTag ? e`<span class=${s + " pkt-tag--beige"}
+                >${this.requiredText ?? c.required}</span
+              >` : n}
+      `, d = this.id + "-check-label", f = this.id + "-check-helptext";
+		return e`
+      <div class="pkt-input-check${this.inputSize ? ` pkt-input-check--${this.inputSize}` : ""}">
+        <div class=${r}>
+          <input
+            id=${this.id + "-internal"}
+            class=${i}
+            type="radio"
+            ?disabled=${this.isDisabled}
+            form=""
+            name=${this.internalName}
+            ${l(this.inputRef)}
+            @change=${this.toggleChecked}
+            @input=${this.handleInput}
+            @blur=${this.onBlur}
+            @focus=${this.onFocus}
+            ?checked=${this.checked}
+            aria-labelledby=${this.label ? d : n}
+            aria-describedby=${this.checkHelptext ? f : n}
+          />
+          ${e`
+        <label class=${a} for=${this.id + "-internal"}>
+          <span id=${d}>${this.label} ${u()}</span>
+          ${this.checkHelptext ? e`<div id=${f} class="pkt-input-check__input-helptext">
+                  ${this.checkHelptext}
+                </div>` : n}
+        </label>
+      `}
+        </div>
+      </div>
+    `;
+	}
+	handleInput(e) {
+		e.stopImmediatePropagation();
+	}
+	toggleChecked(e = null) {
+		e && e.preventDefault(), e && e.stopImmediatePropagation(), this.touched = !0, this.inputRef.value && (this._checked = this.inputRef.value.matches(":checked"), this.valueChecked(this._checked));
+	}
+};
+i([a({
+	type: String,
+	reflect: !0
+})], m.prototype, "value", void 0), i([a({ type: String })], m.prototype, "checkHelptext", void 0), i([a({ type: Boolean })], m.prototype, "defaultChecked", void 0), i([a({ type: Boolean })], m.prototype, "hasTile", void 0), i([a({
+	type: Boolean,
+	reflect: !0
+})], m.prototype, "checked", void 0), i([a({
+	type: String,
+	reflect: !0
+})], m.prototype, "type", void 0), i([a({
+	type: String,
+	attribute: "input-size"
+})], m.prototype, "inputSize", void 0), i([a({ type: String })], m.prototype, "tagText", void 0), i([a({ type: Boolean })], m.prototype, "optionalTag", void 0), i([a({ type: String })], m.prototype, "optionalText", void 0), i([a({ type: Boolean })], m.prototype, "requiredTag", void 0), i([a({ type: String })], m.prototype, "requiredText", void 0), i([r()], m.prototype, "_checked", void 0), i([c({
+	context: p,
+	subscribe: !0
+}), r()], m.prototype, "groupContext", void 0);
+try {
+	t("pkt-radiobutton")(m);
+} catch {
+	console.warn("Forsøker å definere <pkt-radiobutton>, men den er allerede definert");
+}
+//#endregion
+//#region src/components/radiobutton/index.ts
+var h = m;
+//#endregion
+export { m as n, p as r, h as t };

package/dist/{ref-Emu5PNxk.cjs → ref-CB7e9nMY.cjs}

@@ -1 +1 @@
-const e=require("./element-BOmr9YLv.cjs"),t=require("./async-directive-BGoo_npW.cjs");var n=()=>new r,r=class{},i=new WeakMap,a=e.f(class extends t.t{render(t){return e.h}update(t,[n]){let r=n!==this.G;return r&&this.rt(void 0),(r||this.lt!==this.ct)&&(this.G=n,this.ht=t.options?.host,this.rt(this.ct=t.element)),e.h}rt(e){if(this.G!==void 0){if(this.isConnected||(e=void 0),typeof this.G==`function`){let t=this.ht??globalThis,n=i.get(t);n===void 0&&(n=new WeakMap,i.set(t,n)),n.get(this.G)!==void 0&&this.G.call(this.ht,void 0),n.set(this.G,e),e!==void 0&&this.G.call(this.ht,e)}else this.G.value=e}}get lt(){return typeof this.G==`function`?i.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});
+const e=require("./element-C6WTyJFE.cjs"),t=require("./async-directive-DpyKp6qv.cjs");var n=()=>new r,r=class{},i=new WeakMap,a=e.f(class extends t.t{render(t){return e.h}update(t,[n]){let r=n!==this.G;return r&&this.rt(void 0),(r||this.lt!==this.ct)&&(this.G=n,this.ht=t.options?.host,this.rt(this.ct=t.element)),e.h}rt(e){if(this.G!==void 0){if(this.isConnected||(e=void 0),typeof this.G==`function`){let t=this.ht??globalThis,n=i.get(t);n===void 0&&(n=new WeakMap,i.set(t,n)),n.get(this.G)!==void 0&&this.G.call(this.ht,void 0),n.set(this.G,e),e!==void 0&&this.G.call(this.ht,e)}else this.G.value=e}}get lt(){return typeof this.G==`function`?i.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});

package/dist/{ref-CCSGk4MP.js → ref-y_5qv9vU.js}

@@ -1,5 +1,5 @@
-import { f as e, h as t } from "./element-mwwC2Rra.js";
-import { t as n } from "./async-directive-DsdqP_X7.js";
+import { f as e, h as t } from "./element-DBugHPKM.js";
+import { t as n } from "./async-directive-yh8hG41Q.js";
 //#region ../../node_modules/lit-html/directives/ref.js
 var r = () => new i(), i = class {}, a = /* @__PURE__ */ new WeakMap(), o = e(class extends n {
 	render(e) {

package/dist/{repeat-CdxGS-_3.js → repeat-CV9S4zya.js}

@@ -1,5 +1,5 @@
-import { f as e, g as t, m as n, p as r } from "./element-mwwC2Rra.js";
-import { a as i, n as a, o, r as s, t as c } from "./directive-helpers-D96YEsht.js";
+import { f as e, g as t, m as n, p as r } from "./element-DBugHPKM.js";
+import { a as i, n as a, o, r as s, t as c } from "./directive-helpers-CwxFepWh.js";
 //#region ../../node_modules/lit-html/directives/repeat.js
 var l = (e, t, n) => {
 	let r = /* @__PURE__ */ new Map();

package/dist/{repeat-Dh9YKoeV.cjs → repeat-CnnigVcj.cjs}

@@ -1 +1 @@
-const e=require("./element-BOmr9YLv.cjs"),t=require("./directive-helpers-BRrz3Bcj.cjs");var n=(e,t,n)=>{let r=new Map;for(let i=t;i<=n;i++)r.set(e[i],i);return r},r=e.f(class extends e.p{constructor(t){if(super(t),t.type!==e.m.CHILD)throw Error(`repeat() can only be used in text expressions`)}dt(e,t,n){let r;n===void 0?n=t:t!==void 0&&(r=t);let i=[],a=[],o=0;for(let t of e)i[o]=r?r(t,o):o,a[o]=n(t,o),o++;return{values:a,keys:i}}render(e,t,n){return this.dt(e,t,n).values}update(r,[i,a,o]){let s=t.t(r),{values:c,keys:l}=this.dt(i,a,o);if(!Array.isArray(s))return this.ut=l,c;let u=this.ut??=[],d=[],f,p,m=0,h=s.length-1,g=0,_=c.length-1;for(;m<=h&&g<=_;)if(s[m]===null)m++;else if(s[h]===null)h--;else if(u[m]===l[g])d[g]=t.a(s[m],c[g]),m++,g++;else if(u[h]===l[_])d[_]=t.a(s[h],c[_]),h--,_--;else if(u[m]===l[_])d[_]=t.a(s[m],c[_]),t.o(r,d[_+1],s[m]),m++,_--;else if(u[h]===l[g])d[g]=t.a(s[h],c[g]),t.o(r,s[m],s[h]),h--,g++;else if(f===void 0&&(f=n(l,g,_),p=n(u,m,h)),f.has(u[m])){if(f.has(u[h])){let e=p.get(l[g]),n=e===void 0?null:s[e];if(n===null){let e=t.o(r,s[m]);t.a(e,c[g]),d[g]=e}else d[g]=t.a(n,c[g]),t.o(r,s[m],n),s[e]=null;g++}else t.n(s[h]),h--}else t.n(s[m]),m++;for(;g<=_;){let e=t.o(r,d[_+1]);t.a(e,c[g]),d[g++]=e}for(;m<=h;){let e=s[m++];e!==null&&t.n(e)}return this.ut=l,t.r(r,d),e.g}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});
+const e=require("./element-C6WTyJFE.cjs"),t=require("./directive-helpers-Bv70GjQh.cjs");var n=(e,t,n)=>{let r=new Map;for(let i=t;i<=n;i++)r.set(e[i],i);return r},r=e.f(class extends e.p{constructor(t){if(super(t),t.type!==e.m.CHILD)throw Error(`repeat() can only be used in text expressions`)}dt(e,t,n){let r;n===void 0?n=t:t!==void 0&&(r=t);let i=[],a=[],o=0;for(let t of e)i[o]=r?r(t,o):o,a[o]=n(t,o),o++;return{values:a,keys:i}}render(e,t,n){return this.dt(e,t,n).values}update(r,[i,a,o]){let s=t.t(r),{values:c,keys:l}=this.dt(i,a,o);if(!Array.isArray(s))return this.ut=l,c;let u=this.ut??=[],d=[],f,p,m=0,h=s.length-1,g=0,_=c.length-1;for(;m<=h&&g<=_;)if(s[m]===null)m++;else if(s[h]===null)h--;else if(u[m]===l[g])d[g]=t.a(s[m],c[g]),m++,g++;else if(u[h]===l[_])d[_]=t.a(s[h],c[_]),h--,_--;else if(u[m]===l[_])d[_]=t.a(s[m],c[_]),t.o(r,d[_+1],s[m]),m++,_--;else if(u[h]===l[g])d[g]=t.a(s[h],c[g]),t.o(r,s[m],s[h]),h--,g++;else if(f===void 0&&(f=n(l,g,_),p=n(u,m,h)),f.has(u[m])){if(f.has(u[h])){let e=p.get(l[g]),n=e===void 0?null:s[e];if(n===null){let e=t.o(r,s[m]);t.a(e,c[g]),d[g]=e}else d[g]=t.a(n,c[g]),t.o(r,s[m],n),s[e]=null;g++}else t.n(s[h]),h--}else t.n(s[m]),m++;for(;g<=_;){let e=t.o(r,d[_+1]);t.a(e,c[g]),d[g++]=e}for(;m<=h;){let e=s[m++];e!==null&&t.n(e)}return this.ut=l,t.r(r,d),e.g}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});

package/dist/{searchinput-Co8tcq-l.js → searchinput-Bkcr3Fby.js}

@@ -1,7 +1,7 @@
-import { _ as e, d as t, h as n, l as r, n as i, t as a, u as o } from "./element-mwwC2Rra.js";
-import { t as s } from "./class-map-C4hdfSfY.js";
-import "./icon-JigbxxF7.js";
-import { t as c } from "./if-defined-Bebu3LXY.js";
+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 "./icon-Bao96Zb8.js";
+import { t as c } from "./if-defined-O59_I-e-.js";
 import { n as l } from "./utils-BwF4QSrq.js";
 import { t as u } from "./focus-modality-controller-Dc2S-KqR.js";
 //#region src/components/searchinput/searchinput.ts

package/dist/{searchinput-CbClDE-d.cjs → searchinput-Mdc9Ihld.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs");require("./icon-Dnv6LtPC.cjs");const n=require("./if-defined-2mkIDgOm.cjs"),r=require("./utils-63cRpWut.cjs"),i=require("./focus-modality-controller-C1ocyv2J.cjs");var a=class extends e.t{constructor(...e){super(...e),this.appearance=`local`,this.inputSize=`medium`,this.disabled=!1,this.fullwidth=!1,this.id=r.n(),this.value=``,this.focusModality=new i.t(this,`.pkt-searchinput`)}willUpdate(e){super.willUpdate(e);let t=this.getAttribute(`aria-label`);t&&(this.inputAriaLabel=t,this.removeAttribute(`aria-label`))}get suggestionsId(){return`${this.id}-suggestions`}dispatchSearch(){this.dispatchEvent(new CustomEvent(`pkt-search`,{detail:{value:this.value},bubbles:!0,composed:!0}))}onInput(e){let t=e.target;this.value=t.value}onInputKeydown(e){e.key===`Enter`&&(this.action||e.preventDefault(),this.dispatchSearch())}onSearchClick(e){this.action||e.preventDefault(),this.dispatchSearch()}onSuggestionClick(e,t,n){let r=new CustomEvent(`pkt-suggestion-click`,{detail:{index:n,suggestion:t},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(r)||e.preventDefault()}renderSuggestion(t,n){let r=e._`
+const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs");require("./icon-jPhyZD1z.cjs");const n=require("./if-defined-CiML3MTM.cjs"),r=require("./utils-63cRpWut.cjs"),i=require("./focus-modality-controller-C1ocyv2J.cjs");var a=class extends e.t{constructor(...e){super(...e),this.appearance=`local`,this.inputSize=`medium`,this.disabled=!1,this.fullwidth=!1,this.id=r.n(),this.value=``,this.focusModality=new i.t(this,`.pkt-searchinput`)}willUpdate(e){super.willUpdate(e);let t=this.getAttribute(`aria-label`);t&&(this.inputAriaLabel=t,this.removeAttribute(`aria-label`))}get suggestionsId(){return`${this.id}-suggestions`}dispatchSearch(){this.dispatchEvent(new CustomEvent(`pkt-search`,{detail:{value:this.value},bubbles:!0,composed:!0}))}onInput(e){let t=e.target;this.value=t.value}onInputKeydown(e){e.key===`Enter`&&(this.action||e.preventDefault(),this.dispatchSearch())}onSearchClick(e){this.action||e.preventDefault(),this.dispatchSearch()}onSuggestionClick(e,t,n){let r=new CustomEvent(`pkt-suggestion-click`,{detail:{index:n,suggestion:t},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(r)||e.preventDefault()}renderSuggestion(t,n){let r=e._`
       ${t.title?e._`<h3 class="pkt-searchinput__suggestion-title">${t.title}</h3>`:e.h}
       ${t.text?e._`<p class="pkt-searchinput__suggestion-text">${t.text}</p>`:e.h}
     `;return t.href?e._`<a

package/dist/{select-Cz80KV3g.js → select-B6CN2Ymq.js}

@@ -1,10 +1,10 @@
-import { _ as e, d as t, l as n, n as r, u as i } from "./element-mwwC2Rra.js";
-import { n as a } from "./element-with-slot-DQv0cbbD.js";
-import { t as o } from "./if-defined-Bebu3LXY.js";
-import { n as s, t as c } from "./ref-CCSGk4MP.js";
-import { t as l } from "./input-element-lLzfwdim.js";
-import { t as u } from "./pkt-options-controller-D7l18Iw0.js";
-import { r as d } from "./input-wrapper-C9K-_7g-.js";
+import { _ as e, d as t, l as n, n as r, u as i } from "./element-DBugHPKM.js";
+import { n as a } from "./element-with-slot-DDLS-aLw.js";
+import { t as o } from "./if-defined-O59_I-e-.js";
+import { n as s, t as c } from "./ref-y_5qv9vU.js";
+import { t as l } from "./input-element-BBygBEei.js";
+import { t as u } from "./pkt-options-controller-ClFrUWZK.js";
+import { r as d } from "./input-wrapper-DrSCuw6U.js";
 //#region src/base-elements/options-input-element.ts
 var f = class extends l {
 	constructor(...e) {

package/dist/{select-CZk57p1_.cjs → select-BowvpCNa.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-BOmr9YLv.cjs"),t=require("./element-with-slot-D7sTqOr3.cjs"),n=require("./if-defined-2mkIDgOm.cjs"),r=require("./ref-Emu5PNxk.cjs"),i=require("./input-element-CSfDGslx.cjs"),a=require("./pkt-options-controller-CpEZcomb.cjs"),o=require("./input-wrapper-CTMf4kCK.cjs");var s=class extends i.t{constructor(...e){super(...e),this._optionsProp=[],this._options=[]}get options(){return this._options.map(e=>({...e,selected:this.isOptionSelected(e)}))}set options(e){this._optionsProp=e,this.requestUpdate(`_optionsProp`,this._options)}isOptionSelected(e){return Array.isArray(this.value)?this.value.includes(e.value):e.value===this.value}findOptionByValue(e){return this._options.find(t=>t.value===e)}getSelectedOptions(){return this._options.filter(e=>this.isOptionSelected(e))}parseOptions(){let e=this._optionsProp.length>0,t=this.optionsController?.nodes?.length&&this.optionsController.nodes.length>0;e?this._options=this._optionsProp:t&&(this._options=this.optionsController.options)}willUpdate(e){super.willUpdate(e),this.parseOptions()}};e.n([e.u({type:Array,attribute:`options`})],s.prototype,`_optionsProp`,void 0),e.n([e.l()],s.prototype,`_options`,void 0);var c=class extends s{constructor(){super(),this.inputRef=r.t(),this.value=``,this.selectedIndex=-1,this.selectedOptions=void 0,this.optionsController=new a.t(this)}connectedCallback(){super.connectedCallback(),this.parseOptions(),this._options.forEach(e=>{e.selected&&!this.value&&(this.value=e.value)})}add(e,t){let n={value:e.value||e.text,label:e.text||e.value,selected:e.selected,disabled:e.disabled};if(t===void 0)this._options.push(n);else if(typeof t==`number`)this._options.splice(t,0,n);else{let e=t.value||t.text,r=this._options.findIndex(t=>t.value===e);r>=0?this._options.splice(r,0,n):this._options.push(n)}e.selected&&(this.value=e.value||e.text,this.selectedIndex=this._options.findIndex(e=>e.value===this.value)),this.requestUpdate()}remove(e){typeof e==`number`&&(this.selectedIndex===e&&(this.value=this._options[0]?.value||``),this._options.splice(e,1),this.requestUpdate())}item(e){return this.inputRef.value?.item(e)}namedItem(e){return this.inputRef.value?.namedItem(e)}showPicker(){this.inputRef.value&&`showPicker`in this.inputRef.value&&this.inputRef.value.showPicker()}attributeChangedCallback(e,t,n){e===`options`&&(this._options=n?JSON.parse(n):[]),e===`value`&&this.value!==t&&(this.selectedIndex=this.touched?this.returnNumberOrNull(this.inputRef.value?.selectedIndex):this._options.findIndex(e=>e.value===n),this.selectedOptions=this.inputRef.value?.selectedOptions,this.valueChanged(n,t)),super.attributeChangedCallback(e,t,n)}update(e){super.update(e),e.has(`_optionsProp`)&&this._optionsProp.length>0&&(this._options=this._optionsProp,this.requestUpdate(`_options`),!this.value&&this._options.length>0&&(this.value=this._options[0].value,this.selectedIndex=0)),e.has(`value`)&&this.value!==e.get(`value`)&&(this.selectedIndex=this.touched?this.returnNumberOrNull(this.inputRef.value?.selectedIndex):this._options.findIndex(e=>e.value===this.value),this.selectedOptions=this.inputRef.value?.selectedOptions,this.valueChanged(this.value,e.get(`value`))),e.has(`id`)&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(e){super.firstUpdated(e),this.classList.add(`pkt-select`),this._optionsProp.length&&(this._options=this._optionsProp),!this.value&&this._options.length>0?(this.value=this._options[0].value,this.selectedIndex=0):this.selectedIndex=this._options.findIndex(e=>e.value===this.value),this.selectedOptions=this.inputRef.value?.selectedOptions}render(){let i=`pkt-input pkt-input--${this.inputSize} ${this.fullwidth?`pkt-input--fullwidth`:``}`;return e._`
+const e=require("./element-C6WTyJFE.cjs"),t=require("./element-with-slot-DhiAuSjM.cjs"),n=require("./if-defined-CiML3MTM.cjs"),r=require("./ref-CB7e9nMY.cjs"),i=require("./input-element-C4SelHLD.cjs"),a=require("./pkt-options-controller-B3vVKnAG.cjs"),o=require("./input-wrapper-BT6B3Kco.cjs");var s=class extends i.t{constructor(...e){super(...e),this._optionsProp=[],this._options=[]}get options(){return this._options.map(e=>({...e,selected:this.isOptionSelected(e)}))}set options(e){this._optionsProp=e,this.requestUpdate(`_optionsProp`,this._options)}isOptionSelected(e){return Array.isArray(this.value)?this.value.includes(e.value):e.value===this.value}findOptionByValue(e){return this._options.find(t=>t.value===e)}getSelectedOptions(){return this._options.filter(e=>this.isOptionSelected(e))}parseOptions(){let e=this._optionsProp.length>0,t=this.optionsController?.nodes?.length&&this.optionsController.nodes.length>0;e?this._options=this._optionsProp:t&&(this._options=this.optionsController.options)}willUpdate(e){super.willUpdate(e),this.parseOptions()}};e.n([e.u({type:Array,attribute:`options`})],s.prototype,`_optionsProp`,void 0),e.n([e.l()],s.prototype,`_options`,void 0);var c=class extends s{constructor(){super(),this.inputRef=r.t(),this.value=``,this.selectedIndex=-1,this.selectedOptions=void 0,this.optionsController=new a.t(this)}connectedCallback(){super.connectedCallback(),this.parseOptions(),this._options.forEach(e=>{e.selected&&!this.value&&(this.value=e.value)})}add(e,t){let n={value:e.value||e.text,label:e.text||e.value,selected:e.selected,disabled:e.disabled};if(t===void 0)this._options.push(n);else if(typeof t==`number`)this._options.splice(t,0,n);else{let e=t.value||t.text,r=this._options.findIndex(t=>t.value===e);r>=0?this._options.splice(r,0,n):this._options.push(n)}e.selected&&(this.value=e.value||e.text,this.selectedIndex=this._options.findIndex(e=>e.value===this.value)),this.requestUpdate()}remove(e){typeof e==`number`&&(this.selectedIndex===e&&(this.value=this._options[0]?.value||``),this._options.splice(e,1),this.requestUpdate())}item(e){return this.inputRef.value?.item(e)}namedItem(e){return this.inputRef.value?.namedItem(e)}showPicker(){this.inputRef.value&&`showPicker`in this.inputRef.value&&this.inputRef.value.showPicker()}attributeChangedCallback(e,t,n){e===`options`&&(this._options=n?JSON.parse(n):[]),e===`value`&&this.value!==t&&(this.selectedIndex=this.touched?this.returnNumberOrNull(this.inputRef.value?.selectedIndex):this._options.findIndex(e=>e.value===n),this.selectedOptions=this.inputRef.value?.selectedOptions,this.valueChanged(n,t)),super.attributeChangedCallback(e,t,n)}update(e){super.update(e),e.has(`_optionsProp`)&&this._optionsProp.length>0&&(this._options=this._optionsProp,this.requestUpdate(`_options`),!this.value&&this._options.length>0&&(this.value=this._options[0].value,this.selectedIndex=0)),e.has(`value`)&&this.value!==e.get(`value`)&&(this.selectedIndex=this.touched?this.returnNumberOrNull(this.inputRef.value?.selectedIndex):this._options.findIndex(e=>e.value===this.value),this.selectedOptions=this.inputRef.value?.selectedOptions,this.valueChanged(this.value,e.get(`value`))),e.has(`id`)&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(e){super.firstUpdated(e),this.classList.add(`pkt-select`),this._optionsProp.length&&(this._options=this._optionsProp),!this.value&&this._options.length>0?(this.value=this._options[0].value,this.selectedIndex=0):this.selectedIndex=this._options.findIndex(e=>e.value===this.value),this.selectedOptions=this.inputRef.value?.selectedOptions}render(){let i=`pkt-input pkt-input--${this.inputSize} ${this.fullwidth?`pkt-input--fullwidth`:``}`;return e._`
       <pkt-input-wrapper
         ${t.n(this,[`helptext`])}
         .strings=${this.strings}

package/dist/shared-strings/nb.d.ts

@@ -14,6 +14,7 @@ export declare const nb: {
     /** Valideringsmeldinger. Nøkkelnavnene følger `ValidityState` der det finnes et tilsvarende flagg. */
     validation: {
         valueMissing: string;
+        checkboxGroupValueMissing: string;
         typeMismatch: string;
         patternMismatch: string;
         tooShort: string;

package/dist/shared-types/index.d.ts

@@ -9,10 +9,14 @@ export { HEADER_MENU_LOCALES, DEFAULT_HEADER_FOOTER_URL, DEFAULT_HEADER_LOGO_LIN
 export type { THeaderMenuLocale, IHeaderMenuLink, IHeaderMenuIconLink, IHeaderMenuButton, IHeaderMenuServices, IHeaderMenuSection, IMegaMenu, IHeaderFooter, IHeaderFooterLocaleData, THeaderFooterApi, IPktHeaderMenu, IPktHeaderGlobal, } from './header-footer';
 export type { IPktFooterLink, IPktFooterColumn, IPktFooterSocialLink, IPktFooterBase, IPktFooterProps, IPktFooterSimpleProps, IFooterSimpleSpecProps, IFooterSpecProps, } from './footer';
 export { DEFAULT_FOOTER_PERSONVERN_URL, DEFAULT_FOOTER_TILGJENGELIGHET_URL } from './footer';
-export { CARD_SKINS, CARD_PADDINGS, CARD_IMAGE_SHAPES, CARD_IMAGE_ASPECTS, CARD_TAG_POSITIONS, CARD_TAG_SKIN_OPTIONS, CARD_DEFAULTS } from './card';
+export { CARD_SKINS, CARD_PADDINGS, CARD_IMAGE_SHAPES, CARD_IMAGE_ASPECTS, CARD_TAG_POSITIONS, CARD_TAG_SKIN_OPTIONS, CARD_DEFAULTS, } from './card';
 export type { TCardSkin, TCardPadding, TCardImageShape, TCardImageAspect, TCardTagPosition, ICardTag, ICardImage, IPktCardBase, ICardSpecProps, } from './card';
 export { CHECKBOX_LABEL_POSITIONS, CHECKBOX_DEFAULTS } from './checkbox';
 export type { TCheckboxLabelPosition, IPktCheckboxBase, ICheckboxSpecProps } from './checkbox';
+export { RADIOBUTTON_DEFAULTS } from './radiobutton';
+export type { IPktRadioButtonBase, IRadioButtonSpecProps } from './radiobutton';
+export { OPTION_GROUP_DEFAULTS } from './option-group';
+export type { IPktOptionGroupBase, IPktRadioGroupBase, IPktCheckboxGroupBase, IRadioGroupSpecProps, ICheckboxGroupSpecProps, } from './option-group';
 export { CONSENT_TRIGGER_TYPES, CONSENT_TRIGGER_TYPE_OPTIONS, CONSENT_DEFAULTS } from './consent';
 export type { TPktConsentTriggerType, IConsentItem, IConsentValue, ICookieConsentEvent, TConsentDetailsMap, TCookieEventHandler, ICookieEvents, ICookieBannerApi, IPktConsentBase, IConsentSpecProps, } from './consent';
 export { ICON_DEFAULT_PATH, ICON_SIZE_CLASSES, ICON_DEFAULTS } from './icon';
@@ -48,5 +52,5 @@ export { COMBOBOX_TAG_SKINS, COMBOBOX_DISPLAY_VALUES, COMBOBOX_TAG_PLACEMENTS, C
 export type { IPktComboboxOption, TPktComboboxTagSkin, TPktComboboxDisplayValue, TPktComboboxTagPlacement, IPktComboboxBase, IComboboxSpecProps, } from './combobox';
 export type { IPktSelectOption, TSelectOption } from './select';
 export type { TPktSearchInputAppearance, TPktSearchInputMethod, IPktSearchInputSuggestion, IPktSearchInput, } from './searchinput';
-export { UPLOAD_STRATEGIES, FILE_UPLOAD_ITEM_RENDERERS, PREVIEW_UPLOAD_STATUS, } from './fileupload';
+export { UPLOAD_STRATEGIES, FILE_UPLOAD_ITEM_RENDERERS, PREVIEW_UPLOAD_STATUS } from './fileupload';
 export type { TUploadStrategy as TFileUploadStrategy, TFileUploadItemRenderer, TPreviewUploadStatus, TFilesChangedReason, TFileValidator, TTransferProgress, IFileItem, IFileTransfer, IFileValidateDetail, ITransferCancelledDetail, IFilesChangedDetail, IFileUploadSpecProps, IPktFileUploadBase, } from './fileupload';

package/dist/shared-types/option-group.d.ts

@@ -0,0 +1,50 @@
+/**
+ * option-group.ts
+ *
+ * Type definitions for pkt-radio-group and pkt-checkbox-group.
+ * Used by React, Elements, and typed component specs.
+ */
+import type { IFormFieldCommonProps } from './form-field';
+import type { TLayout } from './layout';
+import type { TPktInputSize } from './size';
+/**
+ * Props shared by the radio and checkbox groups. The group renders the input wrapper with a
+ * fieldset, so the wrapper props are passed straight through.
+ */
+export interface IPktOptionGroupBase extends IFormFieldCommonProps<'forms' | 'validation'> {
+    id?: string;
+    name?: string;
+    layout?: TLayout;
+    inputSize?: TPktInputSize;
+    hasTile?: boolean;
+    required?: boolean;
+    useWrapper?: boolean;
+}
+/** `value` follows `RadioNodeList.value`: the value of the checked radio, `''` when none is. */
+export interface IPktRadioGroupBase extends IPktOptionGroupBase {
+    value?: string;
+    defaultValue?: string;
+}
+/** `value` follows `FormData.getAll(name)`: checked values in DOM order, disabled ones left out. */
+export interface IPktCheckboxGroupBase extends IPktOptionGroupBase {
+    value?: string[];
+    defaultValue?: string[];
+}
+type TOptionGroupSpecKeys = 'id' | 'name' | 'label' | 'helptext' | 'helptextDropdown' | 'helptextDropdownButton' | 'value' | 'defaultValue' | 'layout' | 'inputSize' | 'hasTile' | 'required' | 'disabled' | 'hasError' | 'errorMessage' | 'useWrapper' | 'requiredTag' | 'requiredText' | 'optionalTag' | 'optionalText' | 'tagText';
+/** Documented RadioGroup props, used for typed component specs. */
+export type IRadioGroupSpecProps = Pick<IPktRadioGroupBase, TOptionGroupSpecKeys>;
+/** Documented CheckboxGroup props, used for typed component specs. */
+export type ICheckboxGroupSpecProps = Pick<IPktCheckboxGroupBase, TOptionGroupSpecKeys>;
+/** Default values for both groups. Single source of truth for both frameworks. */
+export declare const OPTION_GROUP_DEFAULTS: {
+    readonly layout: 'vertical';
+    readonly inputSize: 'medium';
+    readonly hasTile: false;
+    readonly required: false;
+    readonly disabled: false;
+    readonly hasError: false;
+    readonly useWrapper: true;
+    readonly requiredTag: false;
+    readonly optionalTag: false;
+};
+export {};