@oslokommune/punkt-elements 17.1.2 → 18.0.0

package/CHANGELOG.md

@@ -5,6 +5,41 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [18.0.0](https://github.com/oslokommune/punkt/compare/17.1.3...18.0.0) (2026-08-27)
+
+### ⚠ BREAKING CHANGES
+* Ny `shared-strings` og metoder for å overstyre strenger i komponenter (#3610). BREAKING CHANGE: **`strings`-propertyen på Elements** betyr nå "delvis overstyring" i stedet for "hele no.json".
+
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
+## [17.1.3](https://github.com/oslokommune/punkt/compare/17.1.2...17.1.3) (2026-08-25)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [17.1.2](https://github.com/oslokommune/punkt/compare/17.1.1...17.1.2) (2026-08-24)
 
 ### ⚠ BREAKING CHANGES

package/dist/{accordion-BeLvLPrB.js → accordion-1_pdxTgJ.js}

@@ -1,9 +1,9 @@
-import { a as e, i as t, n, o as r, p as i, s as a } from "./element-ChsFgr_B.js";
-import { t as o } from "./class-map-CnWCnBSX.js";
-import { n as s, t as c } from "./element-with-slot-BvG9ctC-.js";
-import { t as l } from "./if-defined-CGzIlZ9-.js";
+import { _ as e, c as t, d as n, l as r, n as i, u as a } from "./element-BKSPVgs2.js";
+import { t as o } from "./class-map-F1DJHyb7.js";
+import { n as s, t as c } from "./element-with-slot-YUAUFRqw.js";
+import { t as l } from "./if-defined-BF8XcDi5.js";
 import { n as u, r as d, t as f } from "./consume-BDnMAp2g.js";
-import { n as p, t as m } from "./ref-CWD6PjVd.js";
+import { n as p, t as m } from "./ref-Chc_DZAb.js";
 //#region src/components/accordion/accordion-context.ts
 var h = d(Symbol("pkt-accordion-context")), g = class extends t {
 	constructor(...e) {
@@ -33,15 +33,15 @@ var h = d(Symbol("pkt-accordion-context")), g = class extends t {
 		});
 	}
 	render() {
-		let e = {
+		let t = {
 			"pkt-accordion": !0,
 			"pkt-accordion--compact": this.compact,
 			[`pkt-accordion--${this.skin}`]: this.skin
 		};
-		return i`
+		return e`
       <div
         part="container"
-        class=${o(e)}
+        class=${o(t)}
         data-testid="pkt-accordion"
         aria-labelledby=${this.ariaLabelledBy}
       >
@@ -50,25 +50,25 @@ var h = d(Symbol("pkt-accordion-context")), g = class extends t {
     `;
 	}
 };
-n([r({
+i([a({
 	type: String,
 	reflect: !0,
 	attribute: "aria-labelledby"
-})], g.prototype, "ariaLabelledBy", void 0), n([r({
+})], g.prototype, "ariaLabelledBy", void 0), i([a({
 	type: Boolean,
 	reflect: !0,
 	attribute: "compact"
-})], g.prototype, "compact", void 0), n([r({
+})], g.prototype, "compact", void 0), i([a({
 	type: String,
 	reflect: !0,
 	attribute: "skin"
-})], g.prototype, "skin", void 0), n([r({
+})], g.prototype, "skin", void 0), i([a({
 	type: String,
 	reflect: !0,
 	attribute: "name"
-})], g.prototype, "name", void 0), n([u({ context: h }), e()], g.prototype, "context", void 0);
+})], g.prototype, "name", void 0), i([u({ context: h }), r()], g.prototype, "context", void 0);
 try {
-	a("pkt-accordion")(g);
+	n("pkt-accordion")(g);
 } catch {
 	console.warn("Forsøker å definere <pkt-accordion>, men den er allerede definert");
 }
@@ -82,14 +82,14 @@ var _ = class extends c {
 		this.defaultOpen && (this.isOpen = !0);
 	}
 	render() {
-		let e = {
+		let t = {
 			"pkt-accordion-item": !0,
 			"pkt-accordion-item--compact": this.compact,
 			[`pkt-accordion-item--${this.skin}`]: !!this.skin
-		}, t = (this.skin ?? this.context?.skin) === "plus-minus";
-		return i`
+		}, n = (this.skin ?? this.context?.skin) === "plus-minus";
+		return e`
       <details
-        class=${o(e)}
+        class=${o(t)}
         id=${this.id}
         ?open=${this.isOpen}
         ${p(this.accordionItemRef)}
@@ -97,7 +97,7 @@ var _ = class extends c {
       >
         <summary class="pkt-accordion-item__title" id=${`pkt-accordion-item-summary-${this.id}`}>
           ${this.title}
-          ${t ? i`
+          ${n ? e`
                 <pkt-icon
                   name="plus-sign"
                   class="pkt-accordion-item__icon pkt-accordion-item__icon--plus"
@@ -108,7 +108,7 @@ var _ = class extends c {
                   class="pkt-accordion-item__icon pkt-accordion-item__icon--minus"
                   aria-hidden="true"
                 ></pkt-icon>
-              ` : i`
+              ` : e`
                 <pkt-icon
                   name="chevron-thin-down"
                   class="pkt-accordion-item__icon"
@@ -127,24 +127,24 @@ var _ = class extends c {
     `;
 	}
 };
-n([r({ type: Boolean })], _.prototype, "defaultOpen", void 0), n([r({ type: String })], _.prototype, "title", void 0), n([r({
+i([a({ type: Boolean })], _.prototype, "defaultOpen", void 0), i([a({ type: String })], _.prototype, "title", void 0), i([a({
 	type: String,
 	reflect: !0
-})], _.prototype, "skin", void 0), n([r({
+})], _.prototype, "skin", void 0), i([a({
 	type: Boolean,
 	reflect: !0
-})], _.prototype, "compact", void 0), n([r({
+})], _.prototype, "compact", void 0), i([a({
 	type: Boolean,
 	reflect: !0
-})], _.prototype, "isOpen", void 0), n([r({
+})], _.prototype, "isOpen", void 0), i([a({
 	type: String,
 	reflect: !0
-})], _.prototype, "name", void 0), n([f({
+})], _.prototype, "name", void 0), i([f({
 	context: h,
 	subscribe: !0
-}), r({ attribute: !1 })], _.prototype, "context", void 0);
+}), a({ attribute: !1 })], _.prototype, "context", void 0);
 try {
-	a("pkt-accordion-item")(_);
+	n("pkt-accordion-item")(_);
 } catch {
 	console.warn("Forsøker å definere <pkt-accordion-item>, men den er allerede definert");
 }

package/dist/{accordion-B3GBlvUC.cjs → accordion-DobbH-Sv.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-BA8v6S7z.cjs"),t=require("./class-map-BeimMvPv.cjs"),n=require("./element-with-slot-Bj7nm7fO.cjs"),r=require("./if-defined-B89_ZeCj.cjs"),i=require("./consume-Le4HztPo.cjs"),a=require("./ref-CQoEIIp0.cjs");var o=i.r(Symbol(`pkt-accordion-context`)),s=class extends e.i{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.p`
+const e=require("./element-B8OGznK0.cjs"),t=require("./class-map-CzCE5pqG.cjs"),n=require("./element-with-slot-DTxILHVv.cjs"),r=require("./if-defined-CVYApOgK.cjs"),i=require("./consume-Le4HztPo.cjs"),a=require("./ref-CHbJYtKE.cjs");var o=i.r(Symbol(`pkt-accordion-context`)),s=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)}
@@ -7,7 +7,7 @@ const e=require("./element-BA8v6S7z.cjs"),t=require("./class-map-BeimMvPv.cjs"),
       >
         <slot></slot>
       </div>
-    `}};e.n([e.o({type:String,reflect:!0,attribute:`aria-labelledby`})],s.prototype,`ariaLabelledBy`,void 0),e.n([e.o({type:Boolean,reflect:!0,attribute:`compact`})],s.prototype,`compact`,void 0),e.n([e.o({type:String,reflect:!0,attribute:`skin`})],s.prototype,`skin`,void 0),e.n([e.o({type:String,reflect:!0,attribute:`name`})],s.prototype,`name`,void 0),e.n([i.n({context:o}),e.a()],s.prototype,`context`,void 0);try{e.s(`pkt-accordion`)(s)}catch{console.warn(`Forsøker å definere <pkt-accordion>, men den er allerede definert`)}var c=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=a.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},o=(this.skin??this.context?.skin)===`plus-minus`;return e.p`
+    `}};e.n([e.u({type:String,reflect:!0,attribute:`aria-labelledby`})],s.prototype,`ariaLabelledBy`,void 0),e.n([e.u({type:Boolean,reflect:!0,attribute:`compact`})],s.prototype,`compact`,void 0),e.n([e.u({type:String,reflect:!0,attribute:`skin`})],s.prototype,`skin`,void 0),e.n([e.u({type:String,reflect:!0,attribute:`name`})],s.prototype,`name`,void 0),e.n([i.n({context:o}),e.l()],s.prototype,`context`,void 0);try{e.d(`pkt-accordion`)(s)}catch{console.warn(`Forsøker å definere <pkt-accordion>, men den er allerede definert`)}var c=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=a.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},o=(this.skin??this.context?.skin)===`plus-minus`;return e._`
       <details
         class=${t.t(i)}
         id=${this.id}
@@ -17,7 +17,7 @@ const e=require("./element-BA8v6S7z.cjs"),t=require("./class-map-BeimMvPv.cjs"),
       >
         <summary class="pkt-accordion-item__title" id=${`pkt-accordion-item-summary-${this.id}`}>
           ${this.title}
-          ${o?e.p`
+          ${o?e._`
                 <pkt-icon
                   name="plus-sign"
                   class="pkt-accordion-item__icon pkt-accordion-item__icon--plus"
@@ -28,7 +28,7 @@ const e=require("./element-BA8v6S7z.cjs"),t=require("./class-map-BeimMvPv.cjs"),
                   class="pkt-accordion-item__icon pkt-accordion-item__icon--minus"
                   aria-hidden="true"
                 ></pkt-icon>
-              `:e.p`
+              `:e._`
                 <pkt-icon
                   name="chevron-thin-down"
                   class="pkt-accordion-item__icon"
@@ -44,4 +44,4 @@ const e=require("./element-BA8v6S7z.cjs"),t=require("./class-map-BeimMvPv.cjs"),
           <div class="pkt-accordion-item__content-inner">${n.n(this)}</div>
         </div>
       </details>
-    `}};e.n([e.o({type:Boolean})],c.prototype,`defaultOpen`,void 0),e.n([e.o({type:String})],c.prototype,`title`,void 0),e.n([e.o({type:String,reflect:!0})],c.prototype,`skin`,void 0),e.n([e.o({type:Boolean,reflect:!0})],c.prototype,`compact`,void 0),e.n([e.o({type:Boolean,reflect:!0})],c.prototype,`isOpen`,void 0),e.n([e.o({type:String,reflect:!0})],c.prototype,`name`,void 0),e.n([i.t({context:o,subscribe:!0}),e.o({attribute:!1})],c.prototype,`context`,void 0);try{e.s(`pkt-accordion-item`)(c)}catch{console.warn(`Forsøker å definere <pkt-accordion-item>, men den er allerede definert`)}var l=s;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});
+    `}};e.n([e.u({type:Boolean})],c.prototype,`defaultOpen`,void 0),e.n([e.u({type:String})],c.prototype,`title`,void 0),e.n([e.u({type:String,reflect:!0})],c.prototype,`skin`,void 0),e.n([e.u({type:Boolean,reflect:!0})],c.prototype,`compact`,void 0),e.n([e.u({type:Boolean,reflect:!0})],c.prototype,`isOpen`,void 0),e.n([e.u({type:String,reflect:!0})],c.prototype,`name`,void 0),e.n([i.t({context:o,subscribe:!0}),e.u({attribute:!1})],c.prototype,`context`,void 0);try{e.d(`pkt-accordion-item`)(c)}catch{console.warn(`Forsøker å definere <pkt-accordion-item>, men den er allerede definert`)}var l=s;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/dist/{alert-Cs4Rmq_J.cjs → alert-COeHz6o2.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-BA8v6S7z.cjs"),t=require("./class-map-BeimMvPv.cjs"),n=require("./element-with-slot-Bj7nm7fO.cjs"),r=require("./classutils-CbklAJDe.cjs");require("./icon-9iwd2F2l.cjs"),require("./button-CE97NQIk.cjs");var i={name:`pkt-alert`,react:`PktAlert`,"css-class":`pkt-alert`,"dark-mode":!0,isElement:!0,isPureReact:!0,events:{onClose:{description:`React: Klikk-event for 'Lukk'-knappen`},close:{description:`Vue: Klikk-event for 'Lukk'-knappen`}},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:[`info`,`success`,`warning`,`error`],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:[`off`,`polite`,`assertive`],default:`polite`,category:`accessibility`},size:{name:`Størrelse`,description:`Endrer størrelsen på ulike elementer i alerten.`,type:[`medium`,`small`,`xsmall`],default:`medium`,category:`ui`},closeAlert:{name:`Vis 'Lukk'-knapp`,description:`Viser 'Lukk'-knappen`,type:`boolean`,default:!1,category:`ui`}},slots:{default:{description:`Innholdet i meldingen`}},deprecated:{compact:{name:`Kompakt (deprecated)`,description:`Bruk size i stedet; uten eksplisitt size gir compact størrelsen 'small'.`,type:`boolean`,category:`ui`,default:!1}}},a=class extends n.t{constructor(){super(),this.compact=i.deprecated.compact.default,this.title=``,this.skin=i.props.skin.default,this.ariaLive=i.props.ariaLive.default,this.ariaLiveAttr=null,this.closeAlert=i.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`)&&(this.ariaLiveAttr=this.ariaLive),e.has(`_isClosed`)&&r.t(this,`pkt-hide`,this._isClosed)}render(){let r=this.size??(this.compact?`small`:`medium`),i={"pkt-alert":!0,[`pkt-alert--${r}`]:!0,[`pkt-alert--${this.skin}`]:!0,"pkt-hide":this._isClosed},a={"pkt-alert__grid":!0,"pkt-alert__noTitle":!this.title,"pkt-alert__noDate":!this.date};return e.p`
+const e=require("./element-B8OGznK0.cjs"),t=require("./class-map-CzCE5pqG.cjs"),n=require("./element-with-slot-DTxILHVv.cjs"),r=require("./classutils-CbklAJDe.cjs");require("./icon-BmMC09mi.cjs"),require("./button-CR4CXtnj.cjs");var i={name:`pkt-alert`,react:`PktAlert`,"css-class":`pkt-alert`,"dark-mode":!0,isElement:!0,isPureReact:!0,events:{onClose:{description:`React: Klikk-event for 'Lukk'-knappen`},close:{description:`Vue: Klikk-event for 'Lukk'-knappen`}},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:[`info`,`success`,`warning`,`error`],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:[`off`,`polite`,`assertive`],default:`polite`,category:`accessibility`},size:{name:`Størrelse`,description:`Endrer størrelsen på ulike elementer i alerten.`,type:[`medium`,`small`,`xsmall`],default:`medium`,category:`ui`},closeAlert:{name:`Vis 'Lukk'-knapp`,description:`Viser 'Lukk'-knappen`,type:`boolean`,default:!1,category:`ui`}},slots:{default:{description:`Innholdet i meldingen`}},deprecated:{compact:{name:`Kompakt (deprecated)`,description:`Bruk size i stedet; uten eksplisitt size gir compact størrelsen 'small'.`,type:`boolean`,category:`ui`,default:!1}}},a=class extends n.t{constructor(){super(),this.compact=i.deprecated.compact.default,this.title=``,this.skin=i.props.skin.default,this.ariaLive=i.props.ariaLive.default,this.ariaLiveAttr=null,this.closeAlert=i.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`)&&(this.ariaLiveAttr=this.ariaLive),e.has(`_isClosed`)&&r.t(this,`pkt-hide`,this._isClosed)}render(){let r=this.size??(this.compact?`small`:`medium`),i={"pkt-alert":!0,[`pkt-alert--${r}`]:!0,[`pkt-alert--${this.skin}`]:!0,"pkt-hide":this._isClosed},a={"pkt-alert__grid":!0,"pkt-alert__noTitle":!this.title,"pkt-alert__noDate":!this.date};return e._`
       <div class=${t.t(i)} aria-live=${this.ariaLiveAttr}>
         <div class=${t.t(a)}>
           <pkt-icon
@@ -7,7 +7,7 @@ const e=require("./element-BA8v6S7z.cjs"),t=require("./class-map-BeimMvPv.cjs"),
             name=${this.skin===`info`?`alert-information`:`alert-${this.skin}`}
           ></pkt-icon>
 
-          ${this.closeAlert?e.p`
+          ${this.closeAlert?e._`
                 <div class="pkt-alert__close">
                   <pkt-button
                     tabindex="0"
@@ -22,12 +22,12 @@ const e=require("./element-BA8v6S7z.cjs"),t=require("./class-map-BeimMvPv.cjs"),
                     <span class="sr-only">Lukk</span>
                   </pkt-button>
                 </div>
-              `:e.d}
-          ${this.title?e.p`<div class="pkt-alert__title">${this.title}</div>`:e.d}
+              `:e.h}
+          ${this.title?e._`<div class="pkt-alert__title">${this.title}</div>`:e.h}
 
           <div class="pkt-alert__text">${n.n(this)}</div>
 
-          ${this.date?e.p`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>`:e.d}
+          ${this.date?e._`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>`:e.h}
         </div>
       </div>
-    `}};e.n([e.o({type:Boolean,reflect:!1})],a.prototype,`compact`,void 0),e.n([e.o({type:String,reflect:!0})],a.prototype,`title`,void 0),e.n([e.o({type:String,reflect:!0})],a.prototype,`skin`,void 0),e.n([e.o({type:String})],a.prototype,`ariaLive`,void 0),e.n([e.o({type:String,reflect:!0,attribute:`aria-live`})],a.prototype,`ariaLiveAttr`,void 0),e.n([e.o({type:Boolean,reflect:!0})],a.prototype,`closeAlert`,void 0),e.n([e.o({type:String,reflect:!0})],a.prototype,`date`,void 0),e.n([e.o({type:String,reflect:!0})],a.prototype,`role`,void 0),e.n([e.o({type:String,attribute:`size`})],a.prototype,`size`,void 0),e.n([e.a()],a.prototype,`_isClosed`,void 0);try{e.s(`pkt-alert`)(a)}catch{console.warn(`Forsøker å definere <pkt-alert>, men den er allerede definert`)}var o=a;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});
+    `}};e.n([e.u({type:Boolean,reflect:!1})],a.prototype,`compact`,void 0),e.n([e.u({type:String,reflect:!0})],a.prototype,`title`,void 0),e.n([e.u({type:String,reflect:!0})],a.prototype,`skin`,void 0),e.n([e.u({type:String})],a.prototype,`ariaLive`,void 0),e.n([e.u({type:String,reflect:!0,attribute:`aria-live`})],a.prototype,`ariaLiveAttr`,void 0),e.n([e.u({type:Boolean,reflect:!0})],a.prototype,`closeAlert`,void 0),e.n([e.u({type:String,reflect:!0})],a.prototype,`date`,void 0),e.n([e.u({type:String,reflect:!0})],a.prototype,`role`,void 0),e.n([e.u({type:String,attribute:`size`})],a.prototype,`size`,void 0),e.n([e.l()],a.prototype,`_isClosed`,void 0);try{e.d(`pkt-alert`)(a)}catch{console.warn(`Forsøker å definere <pkt-alert>, men den er allerede definert`)}var o=a;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/dist/{alert-DKK_Tb9J.js → alert-xspFetQ8.js}

@@ -1,9 +1,9 @@
-import { a as e, d as t, n, o as r, p as i, s as a } from "./element-ChsFgr_B.js";
-import { t as o } from "./class-map-CnWCnBSX.js";
-import { n as s, t as c } from "./element-with-slot-BvG9ctC-.js";
+import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-BKSPVgs2.js";
+import { t as o } from "./class-map-F1DJHyb7.js";
+import { n as s, t as c } from "./element-with-slot-YUAUFRqw.js";
 import { t as l } from "./classutils-DcYnSgfc.js";
-import "./icon-D-LA22xD.js";
-import "./button-2-OSPJkj.js";
+import "./icon-HYU1f54x.js";
+import "./button-C44vNLFC.js";
 var u = {
 	name: "pkt-alert",
 	react: "PktAlert",
@@ -102,31 +102,31 @@ var u = {
 		super.updated(e), e.has("ariaLive") && (this.ariaLiveAttr = this.ariaLive), e.has("_isClosed") && l(this, "pkt-hide", this._isClosed);
 	}
 	render() {
-		let e = this.size ?? (this.compact ? "small" : "medium"), n = {
+		let t = this.size ?? (this.compact ? "small" : "medium"), r = {
 			"pkt-alert": !0,
-			[`pkt-alert--${e}`]: !0,
+			[`pkt-alert--${t}`]: !0,
 			[`pkt-alert--${this.skin}`]: !0,
 			"pkt-hide": this._isClosed
-		}, r = {
+		}, i = {
 			"pkt-alert__grid": !0,
 			"pkt-alert__noTitle": !this.title,
 			"pkt-alert__noDate": !this.date
 		};
-		return i`
-      <div class=${o(n)} aria-live=${this.ariaLiveAttr}>
-        <div class=${o(r)}>
+		return e`
+      <div class=${o(r)} aria-live=${this.ariaLiveAttr}>
+        <div class=${o(i)}>
           <pkt-icon
             class="pkt-alert__icon"
             aria-hidden="true"
             name=${this.skin === "info" ? "alert-information" : `alert-${this.skin}`}
           ></pkt-icon>
 
-          ${this.closeAlert ? i`
+          ${this.closeAlert ? e`
                 <div class="pkt-alert__close">
                   <pkt-button
                     tabindex="0"
                     aria-label="close"
-                    size=${e}
+                    size=${t}
                     type="button"
                     skin="tertiary"
                     iconName="close"
@@ -136,45 +136,45 @@ var u = {
                     <span class="sr-only">Lukk</span>
                   </pkt-button>
                 </div>
-              ` : t}
-          ${this.title ? i`<div class="pkt-alert__title">${this.title}</div>` : t}
+              ` : n}
+          ${this.title ? e`<div class="pkt-alert__title">${this.title}</div>` : n}
 
           <div class="pkt-alert__text">${s(this)}</div>
 
-          ${this.date ? i`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>` : t}
+          ${this.date ? e`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>` : n}
         </div>
       </div>
     `;
 	}
 };
-n([r({
+i([a({
 	type: Boolean,
 	reflect: !1
-})], d.prototype, "compact", void 0), n([r({
+})], d.prototype, "compact", void 0), i([a({
 	type: String,
 	reflect: !0
-})], d.prototype, "title", void 0), n([r({
+})], d.prototype, "title", void 0), i([a({
 	type: String,
 	reflect: !0
-})], d.prototype, "skin", void 0), n([r({ type: String })], d.prototype, "ariaLive", void 0), n([r({
+})], d.prototype, "skin", void 0), i([a({ type: String })], d.prototype, "ariaLive", void 0), i([a({
 	type: String,
 	reflect: !0,
 	attribute: "aria-live"
-})], d.prototype, "ariaLiveAttr", void 0), n([r({
+})], d.prototype, "ariaLiveAttr", void 0), i([a({
 	type: Boolean,
 	reflect: !0
-})], d.prototype, "closeAlert", void 0), n([r({
+})], d.prototype, "closeAlert", void 0), i([a({
 	type: String,
 	reflect: !0
-})], d.prototype, "date", void 0), n([r({
+})], d.prototype, "date", void 0), i([a({
 	type: String,
 	reflect: !0
-})], d.prototype, "role", void 0), n([r({
+})], d.prototype, "role", void 0), i([a({
 	type: String,
 	attribute: "size"
-})], d.prototype, "size", void 0), n([e()], d.prototype, "_isClosed", void 0);
+})], d.prototype, "size", void 0), i([r()], d.prototype, "_isClosed", void 0);
 try {
-	a("pkt-alert")(d);
+	t("pkt-alert")(d);
 } catch {
 	console.warn("Forsøker å definere <pkt-alert>, men den er allerede definert");
 }

package/dist/{async-directive-Da7TJpnq.cjs → async-directive-B5pcIMfO.cjs}

@@ -1 +1 @@
-const e=require("./element-BA8v6S7z.cjs"),t=require("./directive-helpers-BlAV5EQD.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.u.CHILD&&(t._$AP??=o,t._$AQ??=a)},c=class extends e.l{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-B8OGznK0.cjs"),t=require("./directive-helpers-D6AAMFKs.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-BPf6K-V2.js → async-directive-D2Sht790.js}

@@ -1,5 +1,5 @@
-import { l as e, u as t } from "./element-ChsFgr_B.js";
-import { i as n } from "./directive-helpers-CI8YZqku.js";
+import { m as e, p as t } from "./element-BKSPVgs2.js";
+import { i as n } from "./directive-helpers-BARw3nEZ.js";
 //#region ../../node_modules/lit-html/async-directive.js
 var r = (e, t) => {
 	let n = e._$AN;
@@ -32,9 +32,9 @@ function s(e, t = !1, n = 0) {
 		} else r(this, e);
 	}
 }
-var c = (e) => {
-	e.type == t.CHILD && (e._$AP ??= s, e._$AQ ??= o);
-}, l = class extends e {
+var c = (t) => {
+	t.type == e.CHILD && (t._$AP ??= s, t._$AQ ??= o);
+}, l = class extends t {
 	constructor() {
 		super(...arguments), this._$AN = void 0;
 	}

package/dist/{backlink-D1y26pj3.js → backlink-C0jZFnZ2.js}

@@ -1,8 +1,8 @@
-import { n as e, o as t, p as n, s as r, t as i } from "./element-ChsFgr_B.js";
-import "./icon-D-LA22xD.js";
-import { t as a } from "./if-defined-CGzIlZ9-.js";
+import { _ as e, d as t, n, t as r, u as i } from "./element-BKSPVgs2.js";
+import "./icon-HYU1f54x.js";
+import { t as a } from "./if-defined-BF8XcDi5.js";
 //#region src/components/backlink/backlink.ts
-var o = class extends i {
+var o = class extends r {
 	constructor(...e) {
 		super(...e), this.href = "", this.text = "Forsiden", this.ariaLabel = "";
 	}
@@ -10,9 +10,9 @@ var o = class extends i {
 		e === "arialabel" && this.removeAttribute("arialabel"), e === "href" && this.removeAttribute("href"), e === "text" && this.removeAttribute("text"), super.attributeChangedCallback(e, t, n);
 	}
 	render() {
-		return n`<nav
+		return e`<nav
       class="pkt-back-link"
-      aria-label=${this.ariaLabel || "Gå tilbake til forrige side"}
+      aria-label=${this.ariaLabel || this.pktStrings.get("backlink").label}
     >
       <a href=${a(this.href || "/")} class="pkt-link pkt-link--icon-left"
         ><pkt-icon
@@ -25,9 +25,9 @@ var o = class extends i {
     </nav>`;
 	}
 };
-e([t({ type: String })], o.prototype, "href", void 0), e([t({ type: String })], o.prototype, "text", void 0), e([t({ type: String })], o.prototype, "ariaLabel", void 0);
+n([i({ type: String })], o.prototype, "href", void 0), n([i({ type: String })], o.prototype, "text", void 0), n([i({ type: String })], o.prototype, "ariaLabel", void 0);
 try {
-	r("pkt-backlink")(o);
+	t("pkt-backlink")(o);
 } catch {
 	console.warn("Forsøker å definere <pkt-backlink>, men den er allerede definert");
 }

package/dist/{backlink-CMmrKTe4.cjs → backlink-ZMhqHaVs.cjs}

@@ -1,6 +1,6 @@
-const e=require("./element-BA8v6S7z.cjs");require("./icon-9iwd2F2l.cjs");const t=require("./if-defined-B89_ZeCj.cjs");var n=class extends e.t{constructor(...e){super(...e),this.href=``,this.text=`Forsiden`,this.ariaLabel=``}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.p`<nav
+const e=require("./element-B8OGznK0.cjs");require("./icon-BmMC09mi.cjs");const t=require("./if-defined-CVYApOgK.cjs");var n=class extends e.t{constructor(...e){super(...e),this.href=``,this.text=`Forsiden`,this.ariaLabel=``}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||`Gå tilbake til forrige side`}
+      aria-label=${this.ariaLabel||this.pktStrings.get(`backlink`).label}
     >
       <a href=${t.t(this.href||`/`)} class="pkt-link pkt-link--icon-left"
         ><pkt-icon
@@ -10,4 +10,4 @@ const e=require("./element-BA8v6S7z.cjs");require("./icon-9iwd2F2l.cjs");const t
         ></pkt-icon
         ><span class="pkt-back-link__text">${this.text}</span></a
       >
-    </nav>`}};e.n([e.o({type:String})],n.prototype,`href`,void 0),e.n([e.o({type:String})],n.prototype,`text`,void 0),e.n([e.o({type:String})],n.prototype,`ariaLabel`,void 0);try{e.s(`pkt-backlink`)(n)}catch{console.warn(`Forsøker å definere <pkt-backlink>, men den er allerede definert`)}var r=n;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});
+    </nav>`}};e.n([e.u({type:String})],n.prototype,`href`,void 0),e.n([e.u({type:String})],n.prototype,`text`,void 0),e.n([e.u({type:String})],n.prototype,`ariaLabel`,void 0);try{e.d(`pkt-backlink`)(n)}catch{console.warn(`Forsøker å definere <pkt-backlink>, men den er allerede definert`)}var r=n;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});

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

@@ -1,5 +1,7 @@
 import { LitElement } from 'lit';
 import { ElementProps } from '../types/typeUtils';
+import { PktStringsController } from '../controllers/strings-controller';
+import { TPktStringsOverride } from '../shared-strings';
 type Props = ElementProps<PktElement, 'strings' | 'role'>;
 /**
  * Base class for Punkt shadow DOM elements
@@ -7,7 +9,17 @@ type Props = ElementProps<PktElement, 'strings' | 'role'>;
  */
 export declare class PktShadowElement<T = {}> extends LitElement {
     [key: string]: any;
-    strings: any;
+    /**
+     * Overstyrer tekster for denne komponenten. Delvis — det som ikke settes
+     * hentes fra `setPktStrings()` eller den innebygde katalogen.
+     *
+     * Kan settes som JavaScript-property eller som JSON i attributtet:
+     *
+     *   <pkt-searchinput strings='{"searchinput":{"placeholder":"Finn ansatt…"}}'>
+     */
+    strings?: TPktStringsOverride;
+    /** Oppslag mot tekstkatalogen. Rendrer komponenten på nytt ved `setPktStrings()`. */
+    protected pktStrings: PktStringsController;
     role: string | null;
     /**
      * Here to support prop typing in Vue

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

@@ -62,8 +62,10 @@ export declare class PktInputElement<T = {}, TOption extends PktInputOption = Pk
     helptextDropdown: string;
     helptextDropdownButton: string | null;
     label: string | null;
-    optionalText: string;
-    requiredText: string;
+    /** @deprecated Bruk `strings={{ forms: { optional: '…' } }}` eller `setPktStrings()`. */
+    optionalText?: string;
+    /** @deprecated Bruk `strings={{ forms: { required: '…' } }}` eller `setPktStrings()`. */
+    requiredText?: string;
     tagText: string | null;
     inputSize: 'small' | 'medium' | 'xsmall';
     dataTestid: string;

package/dist/{breadcrumbs-B6JGhJgC.cjs → breadcrumbs-BS64xd1s.cjs}

@@ -1,13 +1,13 @@
-const e=require("./element-BA8v6S7z.cjs");require("./icon-9iwd2F2l.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.d;let t=this.breadcrumbs[this.breadcrumbs.length-2];return e.p`
-      <nav class="pkt-breadcrumbs" aria-label="brødsmulemeny">
+const e=require("./element-B8OGznK0.cjs");require("./icon-BmMC09mi.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.p`
+          ${this.breadcrumbs.map((t,n)=>n===this.breadcrumbs.length-1?e._`
                   <li class="pkt-breadcrumbs__item">
                     <span class="pkt-breadcrumbs__label" aria-current="true">
                       <span class="pkt-breadcrumbs__text">${t.text}</span>
                     </span>
                   </li>
-                `:e.p`
+                `:e._`
                   <li class="pkt-breadcrumbs__item">
                     <a
                       class="pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link"
@@ -25,7 +25,7 @@ const e=require("./element-BA8v6S7z.cjs");require("./icon-9iwd2F2l.cjs");var t=c
                 `)}
         </ol>
 
-        ${t?e.p`
+        ${t?e._`
               <a
                 class="pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile"
                 href=${t.href}
@@ -38,6 +38,6 @@ const e=require("./element-BA8v6S7z.cjs");require("./icon-9iwd2F2l.cjs");var t=c
                 ></pkt-icon>
                 <span class="pkt-breadcrumbs__text">${t.text}</span>
               </a>
-            `:e.d}
+            `:e.h}
       </nav>
-    `}};e.n([e.o({type:Array})],t.prototype,`breadcrumbs`,void 0);try{e.s(`pkt-breadcrumbs`)(t)}catch{console.warn(`Forsøker å definere <pkt-breadcrumbs>, men den er allerede definert`)}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});
+    `}};e.n([e.u({type:Array})],t.prototype,`breadcrumbs`,void 0);try{e.d(`pkt-breadcrumbs`)(t)}catch{console.warn(`Forsøker å definere <pkt-breadcrumbs>, men den er allerede definert`)}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});

package/dist/{breadcrumbs-CcTQ3Grm.js → breadcrumbs-BvMownZN.js}

@@ -1,7 +1,7 @@
-import { d as e, n as t, o as n, p as r, s as i, t as a } from "./element-ChsFgr_B.js";
-import "./icon-D-LA22xD.js";
+import { _ as e, d as t, h as n, n as r, t as i, u as a } from "./element-BKSPVgs2.js";
+import "./icon-HYU1f54x.js";
 //#region src/components/breadcrumbs/breadcrumbs.ts
-var o = class extends a {
+var o = class extends i {
 	constructor(...e) {
 		super(...e), this.breadcrumbs = [];
 	}
@@ -19,36 +19,36 @@ var o = class extends a {
 		this.dispatchEvent(r) || e.preventDefault();
 	}
 	render() {
-		if (!this.breadcrumbs || this.breadcrumbs.length === 0) return e;
+		if (!this.breadcrumbs || this.breadcrumbs.length === 0) return n;
 		let t = this.breadcrumbs[this.breadcrumbs.length - 2];
-		return r`
-      <nav class="pkt-breadcrumbs" aria-label="brødsmulemeny">
+		return e`
+      <nav class="pkt-breadcrumbs" aria-label=${this.pktStrings.get("breadcrumbs").ariaLabel}>
         <ol class="pkt-breadcrumbs__list pkt-breadcrumbs--desktop">
-          ${this.breadcrumbs.map((e, t) => t === this.breadcrumbs.length - 1 ? r`
+          ${this.breadcrumbs.map((t, n) => n === this.breadcrumbs.length - 1 ? e`
                   <li class="pkt-breadcrumbs__item">
                     <span class="pkt-breadcrumbs__label" aria-current="true">
-                      <span class="pkt-breadcrumbs__text">${e.text}</span>
+                      <span class="pkt-breadcrumbs__text">${t.text}</span>
                     </span>
                   </li>
-                ` : r`
+                ` : e`
                   <li class="pkt-breadcrumbs__item">
                     <a
                       class="pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link"
-                      href=${e.href}
-                      @click=${(n) => this.handleLinkClick(n, e, t)}
+                      href=${t.href}
+                      @click=${(e) => this.handleLinkClick(e, t, n)}
                     >
                       <pkt-icon
                         class="pkt-icon pkt-breadcrumbs__icon pkt-link__icon"
                         name="chevron-thin-right"
                         aria-hidden="true"
                       ></pkt-icon>
-                      <span class="pkt-breadcrumbs__text">${e.text}</span>
+                      <span class="pkt-breadcrumbs__text">${t.text}</span>
                     </a>
                   </li>
                 `)}
         </ol>
 
-        ${t ? r`
+        ${t ? e`
               <a
                 class="pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile"
                 href=${t.href}
@@ -61,14 +61,14 @@ var o = class extends a {
                 ></pkt-icon>
                 <span class="pkt-breadcrumbs__text">${t.text}</span>
               </a>
-            ` : e}
+            ` : n}
       </nav>
     `;
 	}
 };
-t([n({ type: Array })], o.prototype, "breadcrumbs", void 0);
+r([a({ type: Array })], o.prototype, "breadcrumbs", void 0);
 try {
-	i("pkt-breadcrumbs")(o);
+	t("pkt-breadcrumbs")(o);
 } catch {
 	console.warn("Forsøker å definere <pkt-breadcrumbs>, men den er allerede definert");
 }