@oslokommune/punkt-elements 19.8.0 → 19.9.0

package/CHANGELOG.md

@@ -5,6 +5,33 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [19.9.0](https://github.com/oslokommune/punkt/compare/19.8.0...19.9.0) (2026-10-05)
+
+### Features
+* Nye komponenter PktCheckboxGroup og PktRadioGroup (#3695). **PktCheckboxGroup + PktRadioGroup**
+  - Nye komponenter i både React og Elements
+  - Gruppene fungerer som skjemafelt, så man setter verdi, feilmeldinger, navn og innstillinger på selve gruppen
+  - Validering på gruppene, dersom man har required eller liknende
+  - Dokumentert en måte å ha "Annet" med et tekstfelt som et av valgene
+  - Massevis av nye tester for å sørge for at alt funker som det skal
+  
+  **Bugfikser underveis**
+  - Radioer med samme navn i forskjellige skjemaer påvirker ikke lenger hverandre
+  - ElementsInternal polyfill trengte litt kjærlighet når man flytter skjemaelementer
+  - Rekkefølge på events i skjemaelementer er nå likt som i HTML
+  - `disabled` på input-wrapper med fieldset gir disabled-status til alle elementer inni
+  - `hidden`-attributt funker (Punkt overstyrte den tildels før)
+  
+  **Dokumentasjon**
+  - Endret dokumentasjon for Checkbox og Radio buttons til å anbefale bruk av gruppene
+  - Kuttet ned teksten noe på de sidene
+  - Fikset Preview så vi kan vise gruppene på ordentlig vis, med reflektert tilstand i innstillinger
+  - La til Preview på switch-siden
+  - Oppdaterte alle skills
+
+---
+
+
 ## [19.8.0](https://github.com/oslokommune/punkt/compare/19.7.0...19.8.0) (2026-10-05)
 
 ### Features

package/dist/accordion-CMCCpxtz.cjs

@@ -0,0 +1,47 @@
+const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./element-with-slot-DhiAuSjM.cjs"),r=require("./if-defined-CiML3MTM.cjs"),i=require("./consume-kEjgTrAp.cjs"),a=require("./provide-Cz18sYug.cjs"),o=require("./ref-CB7e9nMY.cjs");var s=i.n(Symbol(`pkt-accordion-context`)),c=class extends e.c{constructor(...e){super(...e),this.ariaLabelledBy=``,this.compact=!1,this.skin=`borderless`,this.name=``,this.context={skin:this.skin}}willUpdate(e){e.has(`skin`)&&(this.context={...this.context,skin:this.skin})}updated(e){e.has(`name`)&&this.updateAccordionItemNames()}updateAccordionItemNames(){if(this.name){let e=this.renderRoot?.querySelector(`slot`);e&&e.assignedElements().forEach(e=>{e.tagName.toLowerCase()===`pkt-accordion-item`&&(e.hasAttribute(`name`)||e.setAttribute(`name`,this.name))})}}firstUpdated(){let e=this.renderRoot?.querySelector(`slot`);e&&e.addEventListener(`slotchange`,()=>{this.updateAccordionItemNames()})}render(){let n={"pkt-accordion":!0,"pkt-accordion--compact":this.compact,[`pkt-accordion--${this.skin}`]:this.skin};return e._`
+      <div
+        part="container"
+        class=${t.t(n)}
+        data-testid="pkt-accordion"
+        aria-labelledby=${r.t(this.ariaLabelledBy||void 0)}
+      >
+        <slot></slot>
+      </div>
+    `}};e.n([e.u({type:String,reflect:!0,attribute:`aria-labelledby`})],c.prototype,`ariaLabelledBy`,void 0),e.n([e.u({type:Boolean,reflect:!0,attribute:`compact`})],c.prototype,`compact`,void 0),e.n([e.u({type:String,reflect:!0,attribute:`skin`})],c.prototype,`skin`,void 0),e.n([e.u({type:String,reflect:!0,attribute:`name`})],c.prototype,`name`,void 0),e.n([a.t({context:s}),e.l()],c.prototype,`context`,void 0);try{e.d(`pkt-accordion`)(c)}catch{console.warn(`Forsøker å definere <pkt-accordion>, men den er allerede definert`)}var l=class extends n.t{constructor(){super(),this.defaultOpen=!1,this.title=``,this.skin=void 0,this.compact=!1,this.isOpen=!1,this.name=void 0,this.accordionItemRef=o.t()}firstUpdated(e){this.defaultOpen&&(this.isOpen=!0)}render(){let i={"pkt-accordion-item":!0,"pkt-accordion-item--compact":this.compact,[`pkt-accordion-item--${this.skin}`]:!!this.skin},a=(this.skin??this.context?.skin)===`plus-minus`;return e._`
+      <details
+        class=${t.t(i)}
+        id=${this.id}
+        ?open=${this.isOpen}
+        ${o.n(this.accordionItemRef)}
+        name=${r.t(this.name)}
+      >
+        <summary class="pkt-accordion-item__title" id=${`pkt-accordion-item-summary-${this.id}`}>
+          ${this.title}
+          ${a?e._`
+                <pkt-icon
+                  name="plus-sign"
+                  class="pkt-accordion-item__icon pkt-accordion-item__icon--plus"
+                  aria-hidden="true"
+                ></pkt-icon>
+                <pkt-icon
+                  name="minus-sign"
+                  class="pkt-accordion-item__icon pkt-accordion-item__icon--minus"
+                  aria-hidden="true"
+                ></pkt-icon>
+              `:e._`
+                <pkt-icon
+                  name="chevron-thin-down"
+                  class="pkt-accordion-item__icon"
+                  aria-hidden="true"
+                ></pkt-icon>
+              `}
+        </summary>
+        <div
+          class="pkt-accordion-item__content"
+          id="pkt-accordion-item__content-${this.id}"
+          role="region"
+        >
+          <div class="pkt-accordion-item__content-inner">${n.i(this)}</div>
+        </div>
+      </details>
+    `}};e.n([e.u({type:Boolean})],l.prototype,`defaultOpen`,void 0),e.n([e.u({type:String})],l.prototype,`title`,void 0),e.n([e.u({type:String,reflect:!0})],l.prototype,`skin`,void 0),e.n([e.u({type:Boolean,reflect:!0})],l.prototype,`compact`,void 0),e.n([e.u({type:Boolean,reflect:!0})],l.prototype,`isOpen`,void 0),e.n([e.u({type:String,reflect:!0})],l.prototype,`name`,void 0),e.n([i.t({context:s,subscribe:!0}),e.u({attribute:!1})],l.prototype,`context`,void 0);try{e.d(`pkt-accordion-item`)(l)}catch{console.warn(`Forsøker å definere <pkt-accordion-item>, men den er allerede definert`)}var u=c;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return u}});

package/dist/{accordion-BJh6X1Ek.js → accordion-Cp2o6wTY.js}

@@ -1,11 +1,12 @@
-import { _ as e, c as t, d as n, l as r, n as i, u as a } from "./element-mwwC2Rra.js";
-import { t as o } from "./class-map-C4hdfSfY.js";
-import { i as s, t as c } from "./element-with-slot-DQv0cbbD.js";
-import { t as l } from "./if-defined-Bebu3LXY.js";
-import { n as u, r as d, t as f } from "./consume-BDnMAp2g.js";
-import { n as p, t as m } from "./ref-CCSGk4MP.js";
+import { _ as e, c as t, d 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-DDLS-aLw.js";
+import { t as l } from "./if-defined-O59_I-e-.js";
+import { n as u, t as d } from "./consume-Bp12si68.js";
+import { t as f } from "./provide-_MnlMGnw.js";
+import { n as p, t as m } from "./ref-y_5qv9vU.js";
 //#region src/components/accordion/accordion-context.ts
-var h = d(Symbol("pkt-accordion-context")), g = class extends t {
+var h = u(Symbol("pkt-accordion-context")), g = class extends t {
 	constructor(...e) {
 		super(...e), this.ariaLabelledBy = "", this.compact = !1, this.skin = "borderless", this.name = "", this.context = { skin: this.skin };
 	}
@@ -66,7 +67,7 @@ i([a({
 	type: String,
 	reflect: !0,
 	attribute: "name"
-})], g.prototype, "name", void 0), i([u({ context: h }), r()], g.prototype, "context", void 0);
+})], g.prototype, "name", void 0), i([f({ context: h }), r()], g.prototype, "context", void 0);
 try {
 	n("pkt-accordion")(g);
 } catch {
@@ -139,7 +140,7 @@ i([a({ type: Boolean })], _.prototype, "defaultOpen", void 0), i([a({ type: Stri
 })], _.prototype, "isOpen", void 0), i([a({
 	type: String,
 	reflect: !0
-})], _.prototype, "name", void 0), i([f({
+})], _.prototype, "name", void 0), i([d({
 	context: h,
 	subscribe: !0
 }), a({ attribute: !1 })], _.prototype, "context", void 0);

package/dist/{alert-WME3geaX.js → alert-CAPiwi4F.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-mwwC2Rra.js";
-import { t as o } from "./class-map-C4hdfSfY.js";
+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 { t as s } from "./format-BTeSVkED.js";
-import { i as c, t as l } from "./element-with-slot-DQv0cbbD.js";
-import "./icon-JigbxxF7.js";
+import { i as c, t as l } from "./element-with-slot-DDLS-aLw.js";
+import "./icon-Bao96Zb8.js";
 import { t as u } from "./classutils-DcYnSgfc.js";
 import { t as d } from "./define-component-spec-BYOSeplU.js";
-import "./button-B78im4wB.js";
+import "./button-CeRr7oIn.js";
 //#region ../../shared-types/aria.ts
 var f = [
 	"off",

package/dist/{alert-CKqtC9AM.cjs → alert-QfloIr-o.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./format-B8meU8Tm.cjs"),r=require("./element-with-slot-D7sTqOr3.cjs");require("./icon-Dnv6LtPC.cjs");const i=require("./classutils-CbklAJDe.cjs"),a=require("./define-component-spec-DBNd2FJY.cjs");require("./button-BNVTj7nB.cjs");var o=[`off`,`polite`,`assertive`],s=[`info`,`success`,`warning`,`error`],c=[`medium`,`small`,`xsmall`],l={compact:!1},u=a.t({name:`pkt-alert`,react:`PktAlert`,"css-class":`pkt-alert`,"dark-mode":!0,isElement:!0,isPureReact:!0,events:{onClose:{reactOnly:!0,description:`React: Klikk-event for 'Lukk'-knappen`},close:{elementsOnly:!0,description:`Elements: Klikk-event for 'Lukk'-knappen`},"on-close":{elementsOnly:!0,description:`Elements: Samme event som <code>close</code>, beholdt for eldre Vue-oppsett.`,deprecated:`Bruk <code>close</code>. <code>on-close</code> fjernes i en senere hovedversjon.`}},props:{title:{name:`Tittel`,description:`Tittelen som vises øverst i på meldingen`,type:`string`,category:`contents`},skin:{name:`Utseende`,description:`Hvordan type melding er dette?`,type:[...s],default:`info`,category:`ui`},date:{name:`Sist oppdatert`,description:`Dato som vises nederst i på meldingen`,type:`string`,category:`contents`},ariaLive:{name:`aria-live`,description:`Hvordan skal skjermleseren lese opp meldingen?`,type:[...o],default:`polite`,category:`accessibility`},size:{name:`Størrelse`,description:`Endrer størrelsen på ulike elementer i alerten.`,type:[...c],default:`medium`,category:`ui`},closeAlert:{name:`Vis 'Lukk'-knapp`,description:`Viser 'Lukk'-knappen`,type:`boolean`,default:!1,category:`ui`},compact:{name:`Kompakt`,description:`Kompakt visning av alerten.`,deprecated:"Bruk `size` i stedet; uten eksplisitt `size` gir compact størrelsen 'small'.",type:`boolean`,category:`ui`,default:l.compact}},slots:{default:{description:`Innholdet i meldingen`}}}),d=class extends r.t{constructor(){super(),this.compact=l.compact,this.title=``,this.skin=u.props.skin.default,this.ariaLive=u.props.ariaLive.default,this.ariaLiveAttr=null,this.closeAlert=u.props.closeAlert.default,this.date=null,this.role=`status`,this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent(`on-close`,{detail:{origin:e},bubbles:!0,composed:!0}))},this._isClosed=!1}connectedCallback(){super.connectedCallback(),this.ariaLiveAttr=this.getAttribute(`aria-live`)||this.ariaLive}attributeChangedCallback(e,t,n){e===`ariaLive`&&(this.ariaLiveAttr=n),super.attributeChangedCallback(e,t,n)}updated(e){super.updated(e),e.has(`ariaLive`)&&e.get(`ariaLive`)!==void 0&&(this.ariaLiveAttr=this.ariaLive),e.has(`_isClosed`)&&i.t(this,`pkt-hide`,this._isClosed)}render(){let i=this.size??(this.compact?`small`:`medium`),a={"pkt-alert":!0,[`pkt-alert--${i}`]:!0,[`pkt-alert--${this.skin}`]:!0,"pkt-hide":this._isClosed},o={"pkt-alert__grid":!0,"pkt-alert__noTitle":!this.title,"pkt-alert__noDate":!this.date};return e._`
+const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./format-B8meU8Tm.cjs"),r=require("./element-with-slot-DhiAuSjM.cjs");require("./icon-jPhyZD1z.cjs");const i=require("./classutils-CbklAJDe.cjs"),a=require("./define-component-spec-DBNd2FJY.cjs");require("./button-Dh97H-58.cjs");var o=[`off`,`polite`,`assertive`],s=[`info`,`success`,`warning`,`error`],c=[`medium`,`small`,`xsmall`],l={compact:!1},u=a.t({name:`pkt-alert`,react:`PktAlert`,"css-class":`pkt-alert`,"dark-mode":!0,isElement:!0,isPureReact:!0,events:{onClose:{reactOnly:!0,description:`React: Klikk-event for 'Lukk'-knappen`},close:{elementsOnly:!0,description:`Elements: Klikk-event for 'Lukk'-knappen`},"on-close":{elementsOnly:!0,description:`Elements: Samme event som <code>close</code>, beholdt for eldre Vue-oppsett.`,deprecated:`Bruk <code>close</code>. <code>on-close</code> fjernes i en senere hovedversjon.`}},props:{title:{name:`Tittel`,description:`Tittelen som vises øverst i på meldingen`,type:`string`,category:`contents`},skin:{name:`Utseende`,description:`Hvordan type melding er dette?`,type:[...s],default:`info`,category:`ui`},date:{name:`Sist oppdatert`,description:`Dato som vises nederst i på meldingen`,type:`string`,category:`contents`},ariaLive:{name:`aria-live`,description:`Hvordan skal skjermleseren lese opp meldingen?`,type:[...o],default:`polite`,category:`accessibility`},size:{name:`Størrelse`,description:`Endrer størrelsen på ulike elementer i alerten.`,type:[...c],default:`medium`,category:`ui`},closeAlert:{name:`Vis 'Lukk'-knapp`,description:`Viser 'Lukk'-knappen`,type:`boolean`,default:!1,category:`ui`},compact:{name:`Kompakt`,description:`Kompakt visning av alerten.`,deprecated:"Bruk `size` i stedet; uten eksplisitt `size` gir compact størrelsen 'small'.",type:`boolean`,category:`ui`,default:l.compact}},slots:{default:{description:`Innholdet i meldingen`}}}),d=class extends r.t{constructor(){super(),this.compact=l.compact,this.title=``,this.skin=u.props.skin.default,this.ariaLive=u.props.ariaLive.default,this.ariaLiveAttr=null,this.closeAlert=u.props.closeAlert.default,this.date=null,this.role=`status`,this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent(`on-close`,{detail:{origin:e},bubbles:!0,composed:!0}))},this._isClosed=!1}connectedCallback(){super.connectedCallback(),this.ariaLiveAttr=this.getAttribute(`aria-live`)||this.ariaLive}attributeChangedCallback(e,t,n){e===`ariaLive`&&(this.ariaLiveAttr=n),super.attributeChangedCallback(e,t,n)}updated(e){super.updated(e),e.has(`ariaLive`)&&e.get(`ariaLive`)!==void 0&&(this.ariaLiveAttr=this.ariaLive),e.has(`_isClosed`)&&i.t(this,`pkt-hide`,this._isClosed)}render(){let i=this.size??(this.compact?`small`:`medium`),a={"pkt-alert":!0,[`pkt-alert--${i}`]:!0,[`pkt-alert--${this.skin}`]:!0,"pkt-hide":this._isClosed},o={"pkt-alert__grid":!0,"pkt-alert__noTitle":!this.title,"pkt-alert__noDate":!this.date};return e._`
       <div
         class=${t.t(a)}
         aria-live=${this.ariaLiveAttr}

package/dist/{async-directive-BGoo_npW.cjs → async-directive-DpyKp6qv.cjs}

@@ -1 +1 @@
-const e=require("./element-BOmr9YLv.cjs"),t=require("./directive-helpers-BRrz3Bcj.cjs");var n=(e,t)=>{let r=e._$AN;if(r===void 0)return!1;for(let e of r)e._$AO?.(t,!1),n(e,t);return!0},r=e=>{let t,n;do{if((t=e._$AM)===void 0)break;n=t._$AN,n.delete(e),e=t}while(n?.size===0)},i=e=>{for(let t;t=e._$AM;e=t){let n=t._$AN;if(n===void 0)t._$AN=n=new Set;else if(n.has(e))break;n.add(e),s(t)}};function a(e){this._$AN===void 0?this._$AM=e:(r(this),this._$AM=e,i(this))}function o(e,t=!1,i=0){let a=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0){if(t){if(Array.isArray(a))for(let e=i;e<a.length;e++)n(a[e],!1),r(a[e]);else a!=null&&(n(a,!1),r(a))}else n(this,e)}}var s=t=>{t.type==e.m.CHILD&&(t._$AP??=o,t._$AQ??=a)},c=class extends e.p{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,n){super._$AT(e,t,n),i(this),this.isConnected=e._$AU}_$AO(e,t=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),t&&(n(this,e),r(this))}setValue(e){if(t.i(this._$Ct))this._$Ct._$AI(e,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});
+const e=require("./element-C6WTyJFE.cjs"),t=require("./directive-helpers-Bv70GjQh.cjs");var n=(e,t)=>{let r=e._$AN;if(r===void 0)return!1;for(let e of r)e._$AO?.(t,!1),n(e,t);return!0},r=e=>{let t,n;do{if((t=e._$AM)===void 0)break;n=t._$AN,n.delete(e),e=t}while(n?.size===0)},i=e=>{for(let t;t=e._$AM;e=t){let n=t._$AN;if(n===void 0)t._$AN=n=new Set;else if(n.has(e))break;n.add(e),s(t)}};function a(e){this._$AN===void 0?this._$AM=e:(r(this),this._$AM=e,i(this))}function o(e,t=!1,i=0){let a=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0){if(t){if(Array.isArray(a))for(let e=i;e<a.length;e++)n(a[e],!1),r(a[e]);else a!=null&&(n(a,!1),r(a))}else n(this,e)}}var s=t=>{t.type==e.m.CHILD&&(t._$AP??=o,t._$AQ??=a)},c=class extends e.p{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,n){super._$AT(e,t,n),i(this),this.isConnected=e._$AU}_$AO(e,t=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),t&&(n(this,e),r(this))}setValue(e){if(t.i(this._$Ct))this._$Ct._$AI(e,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});

package/dist/{async-directive-DsdqP_X7.js → async-directive-yh8hG41Q.js}

@@ -1,5 +1,5 @@
-import { m as e, p as t } from "./element-mwwC2Rra.js";
-import { i as n } from "./directive-helpers-D96YEsht.js";
+import { m as e, p as t } from "./element-DBugHPKM.js";
+import { i as n } from "./directive-helpers-CwxFepWh.js";
 //#region ../../node_modules/lit-html/async-directive.js
 var r = (e, t) => {
 	let n = e._$AN;

package/dist/{backlink-BRqhwUr2.cjs → backlink-CsFeerTH.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-BOmr9YLv.cjs");require("./icon-Dnv6LtPC.cjs");const t=require("./if-defined-2mkIDgOm.cjs");var n=class extends e.t{constructor(...e){super(...e),this.href=``,this.text=`Forsiden`,this.ariaLabel=null}attributeChangedCallback(e,t,n){e===`arialabel`&&this.removeAttribute(`arialabel`),e===`href`&&this.removeAttribute(`href`),e===`text`&&this.removeAttribute(`text`),super.attributeChangedCallback(e,t,n)}render(){return e._`<nav
+const e=require("./element-C6WTyJFE.cjs");require("./icon-jPhyZD1z.cjs");const t=require("./if-defined-CiML3MTM.cjs");var n=class extends e.t{constructor(...e){super(...e),this.href=``,this.text=`Forsiden`,this.ariaLabel=null}attributeChangedCallback(e,t,n){e===`arialabel`&&this.removeAttribute(`arialabel`),e===`href`&&this.removeAttribute(`href`),e===`text`&&this.removeAttribute(`text`),super.attributeChangedCallback(e,t,n)}render(){return e._`<nav
       class="pkt-back-link"
       aria-label=${this.ariaLabel||this.pktStrings.get(`backlink`).label}
     >

package/dist/{backlink-BslFewn-.js → backlink-ogvv493Y.js}

@@ -1,6 +1,6 @@
-import { _ as e, d as t, n, t as r, u as i } from "./element-mwwC2Rra.js";
-import "./icon-JigbxxF7.js";
-import { t as a } from "./if-defined-Bebu3LXY.js";
+import { _ as e, d as t, n, t as r, u as i } from "./element-DBugHPKM.js";
+import "./icon-Bao96Zb8.js";
+import { t as a } from "./if-defined-O59_I-e-.js";
 //#region src/components/backlink/backlink.ts
 var o = class extends r {
 	constructor(...e) {

package/dist/base-elements/input-element.d.ts

@@ -4,6 +4,12 @@ import { ElementProps } from '../types/typeUtils';
 import { PktOptionsSlotController } from '../controllers/pkt-options-controller';
 import { IPktStringsProps } from '../shared-strings';
 import { PktElementWithSlot } from './element-with-slot';
+export interface IPktOptionGroupContext {
+    name: string;
+    hasTile: boolean;
+    hasError: boolean;
+    required?: boolean;
+}
 /**
  * Base interface for input options used in select, combobox, etc.
  */
@@ -74,11 +80,21 @@ export declare class PktInputElement<T = {}, TOption extends PktInputOption = Pk
     private formDisabled;
     protected formDisabledCallback(disabled: boolean): void;
     protected get isDisabled(): boolean;
+    protected get optionGroup(): IPktOptionGroupContext | undefined;
+    private derivedName;
+    private groupValidityMessage;
+    setGroupValidity(message: string): void;
+    private syncGroupName;
     protected effectiveCounter(derived: boolean): boolean;
     protected effectiveHasFieldset(derived: boolean): boolean;
     touched: boolean;
     private _initialized;
     constructor();
+    private polyfillFormValue;
+    connectedCallback(): void;
+    protected get internalName(): string;
+    protected formAssociatedCallback(): void;
+    private writeFormValue;
     /**
      * Manages form validation state based on input validity
      * Called automatically by onChange, but can be called manually if needed
@@ -98,6 +114,7 @@ export declare class PktInputElement<T = {}, TOption extends PktInputOption = Pk
     private radioGroupMembers;
     private get isCheckable();
     private checkableGroup;
+    private get isRequired();
     private checkableValueMissing;
     protected syncCheckedState(): void;
     private validateCheckable;

package/dist/base-elements/option-group-element.d.ts

@@ -0,0 +1,61 @@
+import { PropertyValues } from 'lit';
+import { Booleanish, TLayout, TPktInputSize } from '../shared-types';
+import { IPktStringsProps } from '../shared-strings';
+import { ElementProps } from '../types/typeUtils';
+import { PktElementWithSlot } from './element-with-slot';
+import { IPktOptionGroupContext } from './input-element';
+type Props = ElementProps<PktOptionGroupElement, 'name' | 'label' | 'helptext' | 'helptextDropdown' | 'helptextDropdownButton' | 'hasError' | 'errorMessage' | 'disabled' | 'required' | 'hasTile' | 'layout' | 'inputSize' | 'useWrapper' | 'optionalTag' | 'optionalText' | 'requiredTag' | 'requiredText' | 'tagText'> & IPktStringsProps<'forms' | 'validation'>;
+export type TOption = HTMLElement & {
+    checked?: unknown;
+    value?: unknown;
+    form?: HTMLFormElement | null;
+    setGroupValidity?: (message: string) => void;
+};
+export declare function optionChecked(option: TOption): boolean;
+export declare function optionValue(option: TOption): string;
+export declare function optionDisabled(option: TOption): boolean;
+export declare abstract class PktOptionGroupElement<T = {}> extends PktElementWithSlot<Props & T> {
+    name: string;
+    label: string;
+    helptext: string;
+    helptextDropdown: string;
+    helptextDropdownButton: string | null;
+    hasError: boolean;
+    errorMessage: string;
+    disabled: boolean;
+    required: boolean;
+    hasTile: boolean;
+    layout: TLayout;
+    inputSize: TPktInputSize;
+    useWrapper: Booleanish;
+    optionalTag: boolean;
+    /** @deprecated Bruk `strings={{ forms: { optional: '…' } }}` eller `setPktStrings()`. */
+    optionalText?: string;
+    requiredTag: boolean;
+    /** @deprecated Bruk `strings={{ forms: { required: '…' } }}` eller `setPktStrings()`. */
+    requiredText?: string;
+    tagText: string | null;
+    protected abstract readonly optionSelector: string;
+    protected abstract get hasStoredValue(): boolean;
+    protected abstract storeCurrentValue(): void;
+    protected abstract applyStoredValue(options: TOption[]): void;
+    private generatedId;
+    private knownOptions;
+    private resetForm;
+    protected get groupName(): string;
+    protected options(): TOption[];
+    protected createGroupContext(): IPktOptionGroupContext;
+    protected syncValidity(): void;
+    constructor();
+    disconnectedCallback(): void;
+    focus(focusOptions?: FocusOptions): void;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    protected updated(changedProperties: PropertyValues): void;
+    private watchFormReset;
+    private handleFormReset;
+    private relayOptionEvent;
+    private handleFocusIn;
+    private handleFocusOut;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export {};

package/dist/{breadcrumbs-Cr3GugPv.js → breadcrumbs-53QVnTFP.js}

@@ -1,5 +1,5 @@
-import { _ as e, d as t, h as n, n as r, t as i, u as a } from "./element-mwwC2Rra.js";
-import "./icon-JigbxxF7.js";
+import { _ as e, d as t, h as n, n as r, t as i, u as a } from "./element-DBugHPKM.js";
+import "./icon-Bao96Zb8.js";
 //#region src/components/breadcrumbs/breadcrumbs.ts
 var o = class extends i {
 	constructor(...e) {

package/dist/{breadcrumbs-DG4i5UCh.cjs → breadcrumbs-D03id_ha.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-BOmr9YLv.cjs");require("./icon-Dnv6LtPC.cjs");var t=class extends e.t{constructor(...e){super(...e),this.breadcrumbs=[]}handleLinkClick(e,t,n){let r=new CustomEvent(`navigate`,{detail:{item:t,index:n,originalEvent:e},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(r)||e.preventDefault()}render(){if(!this.breadcrumbs||this.breadcrumbs.length===0)return e.h;let t=this.breadcrumbs[this.breadcrumbs.length-2];return e._`
+const e=require("./element-C6WTyJFE.cjs");require("./icon-jPhyZD1z.cjs");var t=class extends e.t{constructor(...e){super(...e),this.breadcrumbs=[]}handleLinkClick(e,t,n){let r=new CustomEvent(`navigate`,{detail:{item:t,index:n,originalEvent:e},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(r)||e.preventDefault()}render(){if(!this.breadcrumbs||this.breadcrumbs.length===0)return e.h;let t=this.breadcrumbs[this.breadcrumbs.length-2];return e._`
       <nav class="pkt-breadcrumbs" aria-label=${this.pktStrings.get(`breadcrumbs`).ariaLabel}>
         <ol class="pkt-breadcrumbs__list pkt-breadcrumbs--desktop">
           ${this.breadcrumbs.map((t,n)=>n===this.breadcrumbs.length-1?e._`

package/dist/{button-B78im4wB.js → button-CeRr7oIn.js}

@@ -1,8 +1,8 @@
-import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-mwwC2Rra.js";
-import { t as o } from "./class-map-C4hdfSfY.js";
-import { i as s, t as c } from "./element-with-slot-DQv0cbbD.js";
-import "./icon-JigbxxF7.js";
-import { t as l } from "./if-defined-Bebu3LXY.js";
+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-DDLS-aLw.js";
+import "./icon-Bao96Zb8.js";
+import { t as l } from "./if-defined-O59_I-e-.js";
 //#region src/components/button/button.ts
 var u = "https://punkt-cdn.oslo.kommune.no/latest/animations/";
 typeof window < "u" && (window.pktAnimationPath = window.pktAnimationPath || u);

package/dist/{button-BNVTj7nB.cjs → button-Dh97H-58.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./element-with-slot-D7sTqOr3.cjs");require("./icon-Dnv6LtPC.cjs");const r=require("./if-defined-2mkIDgOm.cjs");var i=`https://punkt-cdn.oslo.kommune.no/latest/animations/`;typeof window<`u`&&(window.pktAnimationPath=window.pktAnimationPath||i);var a=class a extends n.t{constructor(...e){super(...e),this.iconName=`user`,this.secondIconName=`user`,this.size=`medium`,this.fullWidth=!1,this.fullWidthOnMobile=!1,this.skin=`primary`,this.variant=`label-only`,this.state=void 0,this.type=`button`,this.form=void 0,this.isLoading=!1,this.disabled=!1,this.loadingAnimationPath=typeof window<`u`?window.pktAnimationPath:i,this.relocatedAria={}}connectedCallback(){super.connectedCallback(),this.addEventListener(`click`,e=>{(this.disabled||this.hasAttribute(`disabled`)||this.isLoading)&&(e.preventDefault(),e.stopImmediatePropagation())},!0),this.addEventListener(`keydown`,e=>{(this.disabled||this.hasAttribute(`disabled`)||this.isLoading)&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.stopImmediatePropagation())},!0)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===`disabled`&&n===`false`&&(this.disabled=!1),(e===`isloading`||e===`isLoading`)&&n===`false`&&(this.isLoading=!1)}static{this.relocatedAriaAttributes=[`aria-haspopup`,`aria-expanded`,`aria-controls`,`aria-label`,`tabindex`]}willUpdate(e){super.willUpdate(e);let t=!1,n={...this.relocatedAria};for(let e of a.relocatedAriaAttributes){let r=this.getAttribute(e);r!==null&&(n[e]=r,this.removeAttribute(e),t=!0)}t&&(this.relocatedAria=n)}firstUpdated(e){super.firstUpdated(e),this.disabled===`false`&&(this.disabled=!1),this.isLoading===`false`&&(this.isLoading=!1)}render(){let i=this.form??this.getAttribute(`form`)??void 0,a={"pkt-btn":!0,[`pkt-btn--${this.size}`]:!!this.size,[`pkt-btn--${this.skin}`]:!!this.skin,[`pkt-btn--${this.variant}`]:!!this.variant,[`pkt-btn--${this.color}`]:!!this.color,[`pkt-btn--${this.state}`]:!!this.state,"pkt-btn--full":!!this.fullWidth,"pkt-btn--full-small":!!this.fullWidthOnMobile,"pkt-btn--isLoading":!!this.isLoading};return e._`
+const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./element-with-slot-DhiAuSjM.cjs");require("./icon-jPhyZD1z.cjs");const r=require("./if-defined-CiML3MTM.cjs");var i=`https://punkt-cdn.oslo.kommune.no/latest/animations/`;typeof window<`u`&&(window.pktAnimationPath=window.pktAnimationPath||i);var a=class a extends n.t{constructor(...e){super(...e),this.iconName=`user`,this.secondIconName=`user`,this.size=`medium`,this.fullWidth=!1,this.fullWidthOnMobile=!1,this.skin=`primary`,this.variant=`label-only`,this.state=void 0,this.type=`button`,this.form=void 0,this.isLoading=!1,this.disabled=!1,this.loadingAnimationPath=typeof window<`u`?window.pktAnimationPath:i,this.relocatedAria={}}connectedCallback(){super.connectedCallback(),this.addEventListener(`click`,e=>{(this.disabled||this.hasAttribute(`disabled`)||this.isLoading)&&(e.preventDefault(),e.stopImmediatePropagation())},!0),this.addEventListener(`keydown`,e=>{(this.disabled||this.hasAttribute(`disabled`)||this.isLoading)&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.stopImmediatePropagation())},!0)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===`disabled`&&n===`false`&&(this.disabled=!1),(e===`isloading`||e===`isLoading`)&&n===`false`&&(this.isLoading=!1)}static{this.relocatedAriaAttributes=[`aria-haspopup`,`aria-expanded`,`aria-controls`,`aria-label`,`tabindex`]}willUpdate(e){super.willUpdate(e);let t=!1,n={...this.relocatedAria};for(let e of a.relocatedAriaAttributes){let r=this.getAttribute(e);r!==null&&(n[e]=r,this.removeAttribute(e),t=!0)}t&&(this.relocatedAria=n)}firstUpdated(e){super.firstUpdated(e),this.disabled===`false`&&(this.disabled=!1),this.isLoading===`false`&&(this.isLoading=!1)}render(){let i=this.form??this.getAttribute(`form`)??void 0,a={"pkt-btn":!0,[`pkt-btn--${this.size}`]:!!this.size,[`pkt-btn--${this.skin}`]:!!this.skin,[`pkt-btn--${this.variant}`]:!!this.variant,[`pkt-btn--${this.color}`]:!!this.color,[`pkt-btn--${this.state}`]:!!this.state,"pkt-btn--full":!!this.fullWidth,"pkt-btn--full-small":!!this.fullWidthOnMobile,"pkt-btn--isLoading":!!this.isLoading};return e._`
       <button
         class=${t.t(a)}
         type=${this.type}

package/dist/{calendar-TcxvS-1_.cjs → calendar-C5QwPrbk.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("./converters-BJ9Fe0kW.cjs");var r={multiple:!1,maxMultiple:0,range:!1,earliest:null,latest:null,weeknumbers:!1,withcontrols:!1};function i(e,t,r){let i=n.y(e,r?.in);return isNaN(t)?n.b(r?.in||e,NaN):(t&&i.setDate(i.getDate()+t),i)}function a(e,t){let[r,i]=n.v(e,t.start,t.end);return{start:r,end:i}}function o(e,t){let{start:r,end:i}=a(t?.in,e),o=+r>+i,s=o?+r:+i,c=o?i:r;c.setHours(0,0,0,0);let l=t?.step??1;if(!l)return[];l<0&&(l=-l,o=!o);let u=[];for(;+c<=s;)u.push(n.b(r,c)),c.setDate(c.getDate()+l),c.setHours(0,0,0,0);return o?u.reverse():u}function s(e,t){let r=n.y(e,t?.in).getDay();return r===0?7:r}function c(e,t){let r=(t.excludedates??[]).map(e=>typeof e==`string`?e:n.a(e));return!n.l(e,t.earliest,t.latest,r,t.excludeweekdays??[])}function l(e,t,n,r){return!!(c(e,n)||!t&&r.multiple&&r.maxMultiple>0&&r.selectedCount>=r.maxMultiple)}function u(e,t,r){let i=n.p(e,t,0);return!(r&&n.d(r)>i)}function d(e,t,r){let i=n.p(t===11?e+1:e,t===11?0:t+1,1);return!(r&&n.d(r)<i)}function f(e,t){let r=n.p(e,t,1),i=n.p(e,t+1,0),a=(r.getDay()+6)%7,o=i.getDate();return{firstDayOfMonth:r,lastDayOfMonth:i,startingDay:a,numDays:o,numRows:Math.ceil((o+a)/7),numDaysPrevMonth:n.p(e,t,0).getDate(),initialWeek:n._(r)}}function p(e,t,n,r){let{startingDay:i,numDays:a}=r;return e===0&&t<i?`prev-month`:n>a?`next-month`:`current-month`}function m(e,t,n,r){let{startingDay:i,numDaysPrevMonth:a,numDays:o}=r;return e===`prev-month`?a-(i-t-1):e===`next-month`?n-o:n}function h(e){return typeof e==`string`&&(e=e.split(`,`)),e.length===1&&e[0]===``?[]:e.map(e=>n.m(e))}function g(e,t){let r=o({start:e,end:t}),i={};if(Array.isArray(r)&&r.length)for(let a=0;a<r.length;a++){let o=r[a],s=o>e&&o<t;i[n.a(o)]=s}return i}function _(e,t,n,r){if(t.length!==1)return!0;let i=o({start:t[0],end:e});if(!Array.isArray(i)||!i.length)return!0;for(let a=0;a<i.length;a++){for(let r of n??[])if(r>t[0]&&r<e)return!1;if((r??[]).includes(s(i[a]).toString()))return!1}return!0}function v(e,t){let r=n.a(e);return t.includes(r)?t:[...t,r]}function y(e,t){let r=n.a(e),i=t.indexOf(r);if(i===-1)return t;if(t.length===1)return[];let a=[...t];return a.splice(i,1),a}function b(e,t,r){let i=n.a(e);return t.includes(i)?y(e,t):r>0&&t.length>=r?t:v(e,t)}function x(e,t,r){let i=n.a(e),a=h(t);return t.includes(i)?t.indexOf(i)===0?[]:y(e,t):t.length>1||t.length===1&&(!_(e,a,r.excludedates,r.excludeweekdays)||a[0]>e)?[i]:v(e,t)}var S={ArrowLeft:-1,ArrowRight:1,ArrowUp:-7,ArrowDown:7};function C(e){let t=e.nodeName;return t===`INPUT`||t===`SELECT`||t===`BUTTON`&&!e.dataset?.date}function w(e,t,r){let a=i(e,t);if(!a)return null;let o=r(`button[data-date="${n.a(a)}"]`);for(;o instanceof HTMLButtonElement&&o.dataset.disabled;)if(a=i(a,t),o=r(`button[data-date="${n.a(a)}"]`),!o)return null;return a}function T(e){return S[e]??null}var E=class extends e.t{constructor(...e){super(...e),this.selected=[],this.multiple=r.multiple,this.maxMultiple=r.maxMultiple,this.range=r.range,this.earliest=r.earliest,this.latest=r.latest,this.excludedates=[],this.excludeweekdays=[],this.weeknumbers=r.weeknumbers,this.withcontrols=r.withcontrols,this.currentmonth=null,this.today=null,this._selected=[],this.inRange={},this.rangeHovered=null,this.year=0,this.month=0,this.week=0,this.currentmonthtouched=!1,this.focusedDate=null,this.selectableDates=[],this.tabIndexSet=0}get calendarStrings(){let e=this.pktStrings.get(`dates`),t=this.pktStrings.get(`calendar`);return{daysShort:this.dayStrings??e.daysShort,days:this.dayStringsLong??e.days,months:this.monthStrings??e.months,week:this.weekString??e.week,prevMonth:this.prevMonthString??t.prevMonth,nextMonth:this.nextMonthString??t.nextMonth}}get todayDate(){return this.today?n.m(this.today):n.g()}firstUpdated(e){this.addEventListener(`keydown`,this.handleKeydown)}disconnectedCallback(){this.removeEventListener(`keydown`,this.handleKeydown),super.disconnectedCallback()}updated(e){super.updated(e),e.has(`selected`)&&this.convertSelected()}convertSelected(){typeof this.selected==`string`&&(this.selected=this.selected.split(`,`)),this.selected.length===1&&this.selected[0]===``&&(this.selected=[]),this._selected=h(this.selected),this.range&&this.selected.length===2&&(this.inRange=g(this._selected[0],this._selected[1])),this.setCurrentMonth()}setCurrentMonth(){if(this.currentmonth===null&&!this.currentmonthtouched&&(this.currentmonthtouched=!0),this.selected.length&&this.selected[0]!==``){let e=n.m(this.selected[this.selected.length-1]);this.currentmonth=isNaN(e.getTime())?n.f(this.todayDate):e}else this.currentmonth===null&&(this.currentmonth=n.f(this.todayDate));(!this.currentmonth||isNaN(this.currentmonth.getTime()))&&(this.currentmonth=n.f(this.todayDate)),this.year=this.currentmonth.getFullYear(),this.month=this.currentmonth.getMonth()}handleKeydown(e){let t=T(e.key);t!==null&&this.handleArrowKey(e,t)}handleArrowKey(e,t){let r=e.target;if(C(r))return;if(e.preventDefault(),!this.focusedDate){this.focusOnCurrentDate();return}let i=w(this.focusedDate?n.d(this.focusedDate):n.p(this.year,this.month,1),t,this.querySelector.bind(this));if(i){let e=this.querySelector(`button[data-date="${n.a(i)}"]`);e instanceof HTMLButtonElement&&!e.dataset.disabled&&(this.focusedDate=n.a(i),e.focus())}}render(){return e._`
+const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs");require("./icon-jPhyZD1z.cjs");const n=require("./converters-BJ9Fe0kW.cjs");var r={multiple:!1,maxMultiple:0,range:!1,earliest:null,latest:null,weeknumbers:!1,withcontrols:!1};function i(e,t,r){let i=n.y(e,r?.in);return isNaN(t)?n.b(r?.in||e,NaN):(t&&i.setDate(i.getDate()+t),i)}function a(e,t){let[r,i]=n.v(e,t.start,t.end);return{start:r,end:i}}function o(e,t){let{start:r,end:i}=a(t?.in,e),o=+r>+i,s=o?+r:+i,c=o?i:r;c.setHours(0,0,0,0);let l=t?.step??1;if(!l)return[];l<0&&(l=-l,o=!o);let u=[];for(;+c<=s;)u.push(n.b(r,c)),c.setDate(c.getDate()+l),c.setHours(0,0,0,0);return o?u.reverse():u}function s(e,t){let r=n.y(e,t?.in).getDay();return r===0?7:r}function c(e,t){let r=(t.excludedates??[]).map(e=>typeof e==`string`?e:n.a(e));return!n.l(e,t.earliest,t.latest,r,t.excludeweekdays??[])}function l(e,t,n,r){return!!(c(e,n)||!t&&r.multiple&&r.maxMultiple>0&&r.selectedCount>=r.maxMultiple)}function u(e,t,r){let i=n.p(e,t,0);return!(r&&n.d(r)>i)}function d(e,t,r){let i=n.p(t===11?e+1:e,t===11?0:t+1,1);return!(r&&n.d(r)<i)}function f(e,t){let r=n.p(e,t,1),i=n.p(e,t+1,0),a=(r.getDay()+6)%7,o=i.getDate();return{firstDayOfMonth:r,lastDayOfMonth:i,startingDay:a,numDays:o,numRows:Math.ceil((o+a)/7),numDaysPrevMonth:n.p(e,t,0).getDate(),initialWeek:n._(r)}}function p(e,t,n,r){let{startingDay:i,numDays:a}=r;return e===0&&t<i?`prev-month`:n>a?`next-month`:`current-month`}function m(e,t,n,r){let{startingDay:i,numDaysPrevMonth:a,numDays:o}=r;return e===`prev-month`?a-(i-t-1):e===`next-month`?n-o:n}function h(e){return typeof e==`string`&&(e=e.split(`,`)),e.length===1&&e[0]===``?[]:e.map(e=>n.m(e))}function g(e,t){let r=o({start:e,end:t}),i={};if(Array.isArray(r)&&r.length)for(let a=0;a<r.length;a++){let o=r[a],s=o>e&&o<t;i[n.a(o)]=s}return i}function _(e,t,n,r){if(t.length!==1)return!0;let i=o({start:t[0],end:e});if(!Array.isArray(i)||!i.length)return!0;for(let a=0;a<i.length;a++){for(let r of n??[])if(r>t[0]&&r<e)return!1;if((r??[]).includes(s(i[a]).toString()))return!1}return!0}function v(e,t){let r=n.a(e);return t.includes(r)?t:[...t,r]}function y(e,t){let r=n.a(e),i=t.indexOf(r);if(i===-1)return t;if(t.length===1)return[];let a=[...t];return a.splice(i,1),a}function b(e,t,r){let i=n.a(e);return t.includes(i)?y(e,t):r>0&&t.length>=r?t:v(e,t)}function x(e,t,r){let i=n.a(e),a=h(t);return t.includes(i)?t.indexOf(i)===0?[]:y(e,t):t.length>1||t.length===1&&(!_(e,a,r.excludedates,r.excludeweekdays)||a[0]>e)?[i]:v(e,t)}var S={ArrowLeft:-1,ArrowRight:1,ArrowUp:-7,ArrowDown:7};function C(e){let t=e.nodeName;return t===`INPUT`||t===`SELECT`||t===`BUTTON`&&!e.dataset?.date}function w(e,t,r){let a=i(e,t);if(!a)return null;let o=r(`button[data-date="${n.a(a)}"]`);for(;o instanceof HTMLButtonElement&&o.dataset.disabled;)if(a=i(a,t),o=r(`button[data-date="${n.a(a)}"]`),!o)return null;return a}function T(e){return S[e]??null}var E=class extends e.t{constructor(...e){super(...e),this.selected=[],this.multiple=r.multiple,this.maxMultiple=r.maxMultiple,this.range=r.range,this.earliest=r.earliest,this.latest=r.latest,this.excludedates=[],this.excludeweekdays=[],this.weeknumbers=r.weeknumbers,this.withcontrols=r.withcontrols,this.currentmonth=null,this.today=null,this._selected=[],this.inRange={},this.rangeHovered=null,this.year=0,this.month=0,this.week=0,this.currentmonthtouched=!1,this.focusedDate=null,this.selectableDates=[],this.tabIndexSet=0}get calendarStrings(){let e=this.pktStrings.get(`dates`),t=this.pktStrings.get(`calendar`);return{daysShort:this.dayStrings??e.daysShort,days:this.dayStringsLong??e.days,months:this.monthStrings??e.months,week:this.weekString??e.week,prevMonth:this.prevMonthString??t.prevMonth,nextMonth:this.nextMonthString??t.nextMonth}}get todayDate(){return this.today?n.m(this.today):n.g()}firstUpdated(e){this.addEventListener(`keydown`,this.handleKeydown)}disconnectedCallback(){this.removeEventListener(`keydown`,this.handleKeydown),super.disconnectedCallback()}updated(e){super.updated(e),e.has(`selected`)&&this.convertSelected()}convertSelected(){typeof this.selected==`string`&&(this.selected=this.selected.split(`,`)),this.selected.length===1&&this.selected[0]===``&&(this.selected=[]),this._selected=h(this.selected),this.range&&this.selected.length===2&&(this.inRange=g(this._selected[0],this._selected[1])),this.setCurrentMonth()}setCurrentMonth(){if(this.currentmonth===null&&!this.currentmonthtouched&&(this.currentmonthtouched=!0),this.selected.length&&this.selected[0]!==``){let e=n.m(this.selected[this.selected.length-1]);this.currentmonth=isNaN(e.getTime())?n.f(this.todayDate):e}else this.currentmonth===null&&(this.currentmonth=n.f(this.todayDate));(!this.currentmonth||isNaN(this.currentmonth.getTime()))&&(this.currentmonth=n.f(this.todayDate)),this.year=this.currentmonth.getFullYear(),this.month=this.currentmonth.getMonth()}handleKeydown(e){let t=T(e.key);t!==null&&this.handleArrowKey(e,t)}handleArrowKey(e,t){let r=e.target;if(C(r))return;if(e.preventDefault(),!this.focusedDate){this.focusOnCurrentDate();return}let i=w(this.focusedDate?n.d(this.focusedDate):n.p(this.year,this.month,1),t,this.querySelector.bind(this));if(i){let e=this.querySelector(`button[data-date="${n.a(i)}"]`);e instanceof HTMLButtonElement&&!e.dataset.disabled&&(this.focusedDate=n.a(i),e.focus())}}render(){return e._`
       <div
         class="pkt-calendar ${this.weeknumbers?`pkt-cal-weeknumbers`:``}"
         @focusout=${this.closeEvent}

package/dist/{calendar-BLaRXUBl.js → calendar-D9w8M99G.js}

@@ -1,6 +1,6 @@
-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 { _ 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 { _ as c, a as l, b as u, d, f, g as p, l as m, m as h, o as g, p as _, t as v, v as y, y as b } from "./converters-CkjLSYpa.js";
 //#region ../../shared-types/calendar.ts
 var x = {

package/dist/{card-CaLEuumN.cjs → card--NuWdTbG.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./format-B8meU8Tm.cjs"),r=require("./element-with-slot-D7sTqOr3.cjs");require("./icon-Dnv6LtPC.cjs");const i=require("./if-defined-2mkIDgOm.cjs");require("./tag-B5dUg7AD.cjs");var a=[`outlined`,`outlined-beige`,`gray`,`blue`,`beige`,`green`],o={headingLevel:3,layout:`vertical`,skin:`outlined`,padding:`default`,tagPosition:`top`,openLinkInNewTab:!1,borderOnHover:!0,zoom:!1,imageShape:`square`,restrictImageHeight:!1},s=class extends r.t{constructor(...e){super(...e),this.ariaLabel=``,this.metaLead=null,this.borderOnHover=o.borderOnHover,this.zoom=o.zoom,this.imageAspect=null,this.restrictImageHeight=o.restrictImageHeight,this.clickCardLink=null,this.metaTrail=null,this.layout=o.layout,this.heading=``,this.headingLevel=o.headingLevel,this.image={src:``,alt:``},this.imageShape=o.imageShape,this.openLinkInNewTab=o.openLinkInNewTab,this.padding=o.padding,this.skin=o.skin,this.subheading=``,this.tagPosition=`top`,this.tags=[]}connectedCallback(){super.connectedCallback()}render(){let n={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.layout}`]:this.layout,[`pkt-card--padding-${this.padding}`]:this.padding,"pkt-card--border-on-hover":this.borderOnHover,"pkt-card--zoom":this.zoom},r=this.ariaLabel?.trim()||(this.heading?`${this.heading} lenkekort`:`lenkekort`),a=this.ariaLabel?.trim()||(this.heading?this.heading:`kort`);return e._`
+const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./format-B8meU8Tm.cjs"),r=require("./element-with-slot-DhiAuSjM.cjs");require("./icon-jPhyZD1z.cjs");const i=require("./if-defined-CiML3MTM.cjs");require("./tag-DyVZrqOQ.cjs");var a=[`outlined`,`outlined-beige`,`gray`,`blue`,`beige`,`green`],o={headingLevel:3,layout:`vertical`,skin:`outlined`,padding:`default`,tagPosition:`top`,openLinkInNewTab:!1,borderOnHover:!0,zoom:!1,imageShape:`square`,restrictImageHeight:!1},s=class extends r.t{constructor(...e){super(...e),this.ariaLabel=``,this.metaLead=null,this.borderOnHover=o.borderOnHover,this.zoom=o.zoom,this.imageAspect=null,this.restrictImageHeight=o.restrictImageHeight,this.clickCardLink=null,this.metaTrail=null,this.layout=o.layout,this.heading=``,this.headingLevel=o.headingLevel,this.image={src:``,alt:``},this.imageShape=o.imageShape,this.openLinkInNewTab=o.openLinkInNewTab,this.padding=o.padding,this.skin=o.skin,this.subheading=``,this.tagPosition=`top`,this.tags=[]}connectedCallback(){super.connectedCallback()}render(){let n={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.layout}`]:this.layout,[`pkt-card--padding-${this.padding}`]:this.padding,"pkt-card--border-on-hover":this.borderOnHover,"pkt-card--zoom":this.zoom},r=this.ariaLabel?.trim()||(this.heading?`${this.heading} lenkekort`:`lenkekort`),a=this.ariaLabel?.trim()||(this.heading?this.heading:`kort`);return e._`
       <article
         class=${t.t(n)}
         aria-label=${i.t(this.clickCardLink?r:a)}

package/dist/{card-CYKhPUNI.js → card-_PlgXmgZ.js}

@@ -1,10 +1,10 @@
-import { _ as e, d as t, h as n, n as r, u as i } from "./element-mwwC2Rra.js";
-import { t as a } from "./class-map-C4hdfSfY.js";
+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 { n as o } from "./format-BTeSVkED.js";
-import { i as s, t as c } from "./element-with-slot-DQv0cbbD.js";
-import "./icon-JigbxxF7.js";
-import { t as l } from "./if-defined-Bebu3LXY.js";
-import "./tag-Bns7Xj1O.js";
+import { i as s, t as c } from "./element-with-slot-DDLS-aLw.js";
+import "./icon-Bao96Zb8.js";
+import { t as l } from "./if-defined-O59_I-e-.js";
+import "./tag-C33BPIOm.js";
 //#region ../../shared-types/card.ts
 var u = [
 	"outlined",

package/dist/{checkbox-Tq8ESzwH.js → checkbox-G8k3vg85.js}

@@ -1,9 +1,10 @@
-import { _ as e, d as t, h as n, n as r, u as i } from "./element-mwwC2Rra.js";
-import { t as a } from "./class-map-C4hdfSfY.js";
-import { n as o, t as s } from "./ref-CCSGk4MP.js";
-import { t as c } from "./input-element-lLzfwdim.js";
+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/checkbox.ts
-var l = {
+var f = {
 	defaultChecked: !1,
 	indeterminate: !1,
 	hasTile: !1,
@@ -14,9 +15,9 @@ var l = {
 	labelPosition: "right",
 	requiredTag: !1,
 	optionalTag: !1
-}, u = class extends c {
+}, p = s(Symbol("pkt-checkbox-group-context")), m = class extends d {
 	constructor(...e) {
-		super(...e), this.inputRef = s(), this.value = "", this.checkHelptext = null, this.defaultChecked = l.defaultChecked, this.hasTile = l.hasTile, this.isSwitch = l.isSwitch, this.labelPosition = l.labelPosition, this.hideLabel = l.hideLabel, this.checked = null, this.indeterminate = l.indeterminate, this.type = "checkbox", this.inputSize = void 0, this.tagText = null, this.optionalTag = l.optionalTag, this.requiredTag = l.requiredTag;
+		super(...e), this.inputRef = u(), this.value = "", this.checkHelptext = null, this.defaultChecked = f.defaultChecked, this.hasTile = f.hasTile, this.isSwitch = f.isSwitch, this.labelPosition = f.labelPosition, this.hideLabel = f.hideLabel, this.checked = null, this.indeterminate = f.indeterminate, this.type = "checkbox", this.inputSize = void 0, this.tagText = null, this.optionalTag = f.optionalTag, this.requiredTag = f.requiredTag;
 	}
 	connectedCallback() {
 		super.connectedCallback();
@@ -34,20 +35,20 @@ var l = {
 		e.has("checked") && this.inputRef.value && (this.inputRef.value.checked = this.checked === "" || this.checked === "true" || this.checked === !0), e.has("indeterminate") && this.inputRef.value && (this.inputRef.value.indeterminate = this.indeterminate === "" || this.indeterminate === "true" || this.indeterminate === !0), super.updated(e);
 	}
 	render() {
-		let t = a({
+		let t = this.hasTile || !!this.groupContext?.hasTile, r = o({
 			"pkt-input-check__input": !0,
-			"pkt-input-check__input--tile": this.hasTile,
-			"pkt-input-check__input--tile-disabled": this.isDisabled && this.hasTile
-		}), r = a({
+			"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
-		}), i = a({
+			"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-input-check__input-label--left": this.labelPosition === "left",
 			"pkt-input-check__input-label--right": this.labelPosition === "right",
 			"pkt-sr-only": this.hideLabel
-		}), s = "pkt-tag pkt-tag--small pkt-tag--thin-text", c = this.pktStrings.get("forms"), l = () => e`
+		}), 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
@@ -55,25 +56,25 @@ var l = {
         ${this.requiredTag ? e`<span class=${s + " pkt-tag--beige"}
                 >${this.requiredText ?? c.required}</span
               >` : n}
-      `, u = this.id + "-check-label", d = this.id + "-check-helptext", f = () => e`
-        <label class=${i} for=${this.id + "-internal"}>
-          <span id=${u}>${this.label} ${l()}</span>
-          ${this.checkHelptext ? e`<div id=${d} class="pkt-input-check__input-helptext">
+      `, d = this.id + "-check-label", f = this.id + "-check-helptext", p = () => 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>
       `;
 		return e`
       <div class="pkt-input-check${this.inputSize ? ` pkt-input-check--${this.inputSize}` : ""}">
-        <div class=${t}>
-          ${this.labelPosition === "left" ? f() : n}
+        <div class=${r}>
+          ${this.labelPosition === "left" ? p() : n}
           <input
             id=${this.id + "-internal"}
-            class=${r}
+            class=${i}
             type="checkbox"
             ?disabled=${this.isDisabled}
             name=${this.name + "-internal"}
-            ${o(this.inputRef)}
+            ${l(this.inputRef)}
             @change=${this.handleChange}
             @input=${this.handleInput}
             @click=${this.handleClick}
@@ -81,16 +82,16 @@ var l = {
             @focus=${this.onFocus}
             ?checked=${this.checked}
             role=${this.isSwitch ? "switch" : "checkbox"}
-            aria-labelledby=${this.label ? u : n}
-            aria-describedby=${this.checkHelptext ? d : n}
+            aria-labelledby=${this.label ? d : n}
+            aria-describedby=${this.checkHelptext ? f : n}
           />
-          ${this.labelPosition === "right" ? f() : n}
+          ${this.labelPosition === "right" ? p() : n}
         </div>
       </div>
     `;
 	}
 	handleInput(e) {
-		e.stopImmediatePropagation(), this.onInput();
+		e.stopImmediatePropagation();
 	}
 	handleClick(e) {
 		if (this.isDisabled) return e.preventDefault(), e.stopImmediatePropagation(), !1;
@@ -112,29 +113,32 @@ var l = {
 		e.stopImmediatePropagation(), this.touched = !0, this.inputRef.value && (this.checked = this.inputRef.value.matches(":checked"), this.valueChecked(this.checked));
 	}
 };
-r([i({
+i([a({
 	type: String,
 	reflect: !0
-})], u.prototype, "value", void 0), r([i({ type: String })], u.prototype, "checkHelptext", void 0), r([i({ type: Boolean })], u.prototype, "defaultChecked", void 0), r([i({ type: Boolean })], u.prototype, "hasTile", void 0), r([i({ type: Boolean })], u.prototype, "isSwitch", void 0), r([i({ type: String })], u.prototype, "labelPosition", void 0), r([i({ type: Boolean })], u.prototype, "hideLabel", void 0), r([i({
+})], 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 })], m.prototype, "isSwitch", void 0), i([a({ type: String })], m.prototype, "labelPosition", void 0), i([a({ type: Boolean })], m.prototype, "hideLabel", void 0), i([a({
 	type: Boolean,
 	reflect: !0
-})], u.prototype, "checked", void 0), r([i({
+})], m.prototype, "checked", void 0), i([a({
 	type: Boolean,
 	reflect: !0
-})], u.prototype, "indeterminate", void 0), r([i({
+})], m.prototype, "indeterminate", void 0), i([a({
 	type: String,
 	reflect: !0
-})], u.prototype, "type", void 0), r([i({
+})], m.prototype, "type", void 0), i([a({
 	type: String,
 	attribute: "input-size"
-})], u.prototype, "inputSize", void 0), r([i({ type: String })], u.prototype, "tagText", void 0), r([i({ type: Boolean })], u.prototype, "optionalTag", void 0), r([i({ type: String })], u.prototype, "optionalText", void 0), r([i({ type: Boolean })], u.prototype, "requiredTag", void 0), r([i({ type: String })], u.prototype, "requiredText", void 0);
+})], 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([c({
+	context: p,
+	subscribe: !0
+}), r()], m.prototype, "groupContext", void 0);
 try {
-	t("pkt-checkbox")(u);
+	t("pkt-checkbox")(m);
 } catch {
 	console.warn("Forsøker å definere <pkt-checkbox>, men den er allerede definert");
 }
 //#endregion
 //#region src/components/checkbox/index.ts
-var d = u;
+var h = m;
 //#endregion
-export { u as n, d as t };
+export { m as n, p as r, h as t };