@oslokommune/punkt-elements 17.1.3 → 18.1.0

package/CHANGELOG.md

@@ -5,6 +5,41 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [18.1.0](https://github.com/oslokommune/punkt/compare/18.0.0...18.1.0) (2026-08-31)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
+## [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

package/dist/{accordion-BeLvLPrB.js → accordion-CcUosZjL.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-WEzISABa.js";
+import { t as o } from "./class-map-wh4Yi3oj.js";
+import { n as s, t as c } from "./element-with-slot-BKYUx4gb.js";
+import { t as l } from "./if-defined-BmnvvxtR.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-OU8ryfP6.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-k0pWTG1X.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-DiFhBcIl.cjs"),t=require("./class-map-C33ixq7O.cjs"),n=require("./element-with-slot-CBK4zrdN.cjs"),r=require("./if-defined-Dc3xFDaM.cjs"),i=require("./consume-Le4HztPo.cjs"),a=require("./ref-DZmN5Qgj.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-BD8YVKia.cjs

@@ -0,0 +1,35 @@
+const e=require("./element-DiFhBcIl.cjs"),t=require("./class-map-C33ixq7O.cjs"),n=require("./format-B8meU8Tm.cjs"),r=require("./element-with-slot-CBK4zrdN.cjs"),i=require("./classutils-CbklAJDe.cjs"),a=require("./define-component-spec-DBNd2FJY.cjs");require("./icon-DIavy2cB.cjs"),require("./button-CF3dNKeI.cjs");var o=[`off`,`polite`,`assertive`],s=[`info`,`success`,`warning`,`error`],c=[`medium`,`small`,`xsmall`],l=a.t({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:[...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`}},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}}}),u=class extends r.t{constructor(){super(),this.compact=l.deprecated.compact.default,this.title=``,this.skin=l.props.skin.default,this.ariaLive=l.props.ariaLive.default,this.ariaLiveAttr=null,this.closeAlert=l.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`)&&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}>
+        <div class=${t.t(o)}>
+          <pkt-icon
+            class="pkt-alert__icon"
+            aria-hidden="true"
+            name=${this.skin===`info`?`alert-information`:`alert-${this.skin}`}
+          ></pkt-icon>
+
+          ${this.closeAlert?e._`
+                <div class="pkt-alert__close">
+                  <pkt-button
+                    tabindex="0"
+                    aria-label="close"
+                    size=${i}
+                    type="button"
+                    skin="tertiary"
+                    iconName="close"
+                    variant="icon-only"
+                    @click=${this.close}
+                  >
+                    <span class="sr-only">${this.pktStrings.get(`generic`).close}</span>
+                  </pkt-button>
+                </div>
+              `:e.h}
+          ${this.title?e._`<div class="pkt-alert__title">${this.title}</div>`:e.h}
+
+          <div class="pkt-alert__text">${r.n(this)}</div>
+
+          ${this.date?e._`<div class="pkt-alert__date">
+                ${n.t(this.pktStrings.get(`alert`).lastUpdated,{date:this.date})}
+              </div>`:e.h}
+        </div>
+      </div>
+    `}};e.n([e.u({type:Boolean,reflect:!1})],u.prototype,`compact`,void 0),e.n([e.u({type:String,reflect:!0})],u.prototype,`title`,void 0),e.n([e.u({type:String,reflect:!0})],u.prototype,`skin`,void 0),e.n([e.u({type:String})],u.prototype,`ariaLive`,void 0),e.n([e.u({type:String,reflect:!0,attribute:`aria-live`})],u.prototype,`ariaLiveAttr`,void 0),e.n([e.u({type:Boolean,reflect:!0})],u.prototype,`closeAlert`,void 0),e.n([e.u({type:String,reflect:!0})],u.prototype,`date`,void 0),e.n([e.u({type:String,reflect:!0})],u.prototype,`role`,void 0),e.n([e.u({type:String,attribute:`size`})],u.prototype,`size`,void 0),e.n([e.l()],u.prototype,`_isClosed`,void 0);try{e.d(`pkt-alert`)(u)}catch{console.warn(`Forsøker å definere <pkt-alert>, men den er allerede definert`)}var d=u;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});

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

@@ -1,10 +1,26 @@
-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 { t as l } from "./classutils-DcYnSgfc.js";
-import "./icon-D-LA22xD.js";
-import "./button-2-OSPJkj.js";
-var u = {
+import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-WEzISABa.js";
+import { t as o } from "./class-map-wh4Yi3oj.js";
+import { t as s } from "./format-BTeSVkED.js";
+import { n as c, t as l } from "./element-with-slot-BKYUx4gb.js";
+import { t as u } from "./classutils-DcYnSgfc.js";
+import { t as d } from "./define-component-spec-BYOSeplU.js";
+import "./icon-DEtOSWRK.js";
+import "./button-C1CQSASU.js";
+//#region ../../shared-types/aria.ts
+var f = [
+	"off",
+	"polite",
+	"assertive"
+], p = [
+	"info",
+	"success",
+	"warning",
+	"error"
+], m = [
+	"medium",
+	"small",
+	"xsmall"
+], h = d({
 	name: "pkt-alert",
 	react: "PktAlert",
 	"css-class": "pkt-alert",
@@ -25,12 +41,7 @@ var u = {
 		skin: {
 			name: "Utseende",
 			description: "Hvordan type melding er dette?",
-			type: [
-				"info",
-				"success",
-				"warning",
-				"error"
-			],
+			type: [...p],
 			default: "info",
 			category: "ui"
 		},
@@ -43,22 +54,14 @@ var u = {
 		ariaLive: {
 			name: "aria-live",
 			description: "Hvordan skal skjermleseren lese opp meldingen?",
-			type: [
-				"off",
-				"polite",
-				"assertive"
-			],
+			type: [...f],
 			default: "polite",
 			category: "accessibility"
 		},
 		size: {
 			name: "Størrelse",
 			description: "Endrer størrelsen på ulike elementer i alerten.",
-			type: [
-				"medium",
-				"small",
-				"xsmall"
-			],
+			type: [...m],
 			default: "medium",
 			category: "ui"
 		},
@@ -73,14 +76,14 @@ var u = {
 	slots: { default: { description: "Innholdet i meldingen" } },
 	deprecated: { compact: {
 		name: "Kompakt (deprecated)",
-		description: "Bruk size i stedet; uten eksplisitt size gir compact størrelsen 'small'.",
+		description: "Bruk `size` i stedet; uten eksplisitt `size` gir compact størrelsen 'small'.",
 		type: "boolean",
 		category: "ui",
 		default: !1
 	} }
-}, d = class extends c {
+}), g = class extends l {
 	constructor() {
-		super(), this.compact = u.deprecated.compact.default, 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) => {
+		super(), this.compact = h.deprecated.compact.default, this.title = "", this.skin = h.props.skin.default, this.ariaLive = h.props.ariaLive.default, this.ariaLiveAttr = null, this.closeAlert = h.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,
@@ -99,87 +102,89 @@ var u = {
 		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") && l(this, "pkt-hide", this._isClosed);
+		super.updated(e), e.has("ariaLive") && (this.ariaLiveAttr = this.ariaLive), e.has("_isClosed") && u(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"
                     variant="icon-only"
                     @click=${this.close}
                   >
-                    <span class="sr-only">Lukk</span>
+                    <span class="sr-only">${this.pktStrings.get("generic").close}</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>
+          <div class="pkt-alert__text">${c(this)}</div>
 
-          ${this.date ? i`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>` : t}
+          ${this.date ? e`<div class="pkt-alert__date">
+                ${s(this.pktStrings.get("alert").lastUpdated, { date: this.date })}
+              </div>` : n}
         </div>
       </div>
     `;
 	}
 };
-n([r({
+i([a({
 	type: Boolean,
 	reflect: !1
-})], d.prototype, "compact", void 0), n([r({
+})], g.prototype, "compact", void 0), i([a({
 	type: String,
 	reflect: !0
-})], d.prototype, "title", void 0), n([r({
+})], g.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({
+})], g.prototype, "skin", void 0), i([a({ type: String })], g.prototype, "ariaLive", void 0), i([a({
 	type: String,
 	reflect: !0,
 	attribute: "aria-live"
-})], d.prototype, "ariaLiveAttr", void 0), n([r({
+})], g.prototype, "ariaLiveAttr", void 0), i([a({
 	type: Boolean,
 	reflect: !0
-})], d.prototype, "closeAlert", void 0), n([r({
+})], g.prototype, "closeAlert", void 0), i([a({
 	type: String,
 	reflect: !0
-})], d.prototype, "date", void 0), n([r({
+})], g.prototype, "date", void 0), i([a({
 	type: String,
 	reflect: !0
-})], d.prototype, "role", void 0), n([r({
+})], g.prototype, "role", void 0), i([a({
 	type: String,
 	attribute: "size"
-})], d.prototype, "size", void 0), n([e()], d.prototype, "_isClosed", void 0);
+})], g.prototype, "size", void 0), i([r()], g.prototype, "_isClosed", void 0);
 try {
-	a("pkt-alert")(d);
+	t("pkt-alert")(g);
 } catch {
 	console.warn("Forsøker å definere <pkt-alert>, men den er allerede definert");
 }
 //#endregion
 //#region src/components/alert/index.ts
-var f = d;
+var _ = g;
 //#endregion
-export { d as n, f as t };
+export { g as n, _ as t };

package/dist/{async-directive-BPf6K-V2.js → async-directive-COqx0IYj.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-WEzISABa.js";
+import { i as n } from "./directive-helpers-BWSAVe00.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/{async-directive-Da7TJpnq.cjs → async-directive-DN2eg9gA.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-DiFhBcIl.cjs"),t=require("./directive-helpers-C6J4AkFk.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/{backlink-D1y26pj3.js → backlink-C_ZO-ZbR.js}

@@ -1,18 +1,18 @@
-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-WEzISABa.js";
+import "./icon-DEtOSWRK.js";
+import { t as a } from "./if-defined-BmnvvxtR.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 = "";
+		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 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-Ch64Pivx.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-DiFhBcIl.cjs");require("./icon-DIavy2cB.cjs");const t=require("./if-defined-Dc3xFDaM.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||`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;