@oslokommune/punkt-elements 17.1.2 → 18.0.0

package/dist/{combobox-CRdYYlxu.js → combobox-DPck39I2.js}

@@ -1,15 +1,15 @@
-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 } from "./element-with-slot-BvG9ctC-.js";
-import "./icon-D-LA22xD.js";
-import { t as c } from "./if-defined-CGzIlZ9-.js";
-import { n as l, t as u } from "./ref-CWD6PjVd.js";
-import "./tag-Ds6n1LIs.js";
-import { t as d } from "./repeat-C02g7d5S.js";
-import { a as f, c as p, i as m, o as h, r as g, s as _ } from "./listbox-va_E8afs.js";
-import { t as v } from "./input-element-DBMNBplu.js";
-import { t as y } from "./pkt-options-controller-B77vH3PE.js";
-import "./input-wrapper-BmxNvznr.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 } from "./element-with-slot-YUAUFRqw.js";
+import "./icon-HYU1f54x.js";
+import { t as c } from "./if-defined-BF8XcDi5.js";
+import { n as l, t as u } from "./ref-Chc_DZAb.js";
+import "./tag-DK5SgKry.js";
+import { t as d } from "./repeat-P9SMlKd5.js";
+import { a as f, c as p, i as m, o as h, r as g, s as _ } from "./listbox-wd_OofyF.js";
+import { t as v } from "./input-element-D07DmR34.js";
+import { t as y } from "./pkt-options-controller-PtjhmTGk.js";
+import "./input-wrapper-Cci_wTvD.js";
 //#region ../../shared-utils/combobox/input-utils.ts
 var b = (e, t, n) => {
 	switch (e) {
@@ -499,31 +499,31 @@ var b = (e, t, n) => {
 	}
 	valueChanged() {}
 };
-n([r({
+i([a({
 	type: String,
 	reflect: !0
-})], O.prototype, "value", void 0), n([r({ type: Array })], O.prototype, "options", void 0), n([r({
+})], O.prototype, "value", void 0), i([a({ type: Array })], O.prototype, "options", void 0), i([a({
 	type: Array,
 	attribute: "default-options"
-})], O.prototype, "defaultOptions", void 0), n([r({
+})], O.prototype, "defaultOptions", void 0), i([a({
 	type: Boolean,
 	attribute: "allow-user-input"
-})], O.prototype, "allowUserInput", void 0), n([r({ type: Boolean })], O.prototype, "typeahead", void 0), n([r({
+})], O.prototype, "allowUserInput", void 0), i([a({ type: Boolean })], O.prototype, "typeahead", void 0), i([a({
 	type: Boolean,
 	attribute: "include-search"
-})], O.prototype, "includeSearch", void 0), n([r({
+})], O.prototype, "includeSearch", void 0), i([a({
 	type: String,
 	attribute: "search-placeholder"
-})], O.prototype, "searchPlaceholder", void 0), n([r({ type: Boolean })], O.prototype, "multiple", void 0), n([r({ type: Number })], O.prototype, "maxlength", void 0), n([r({
+})], O.prototype, "searchPlaceholder", void 0), i([a({ type: Boolean })], O.prototype, "multiple", void 0), i([a({ type: Number })], O.prototype, "maxlength", void 0), i([a({
 	type: String,
 	attribute: "display-value-as"
-})], O.prototype, "displayValueAs", void 0), n([r({
+})], O.prototype, "displayValueAs", void 0), i([a({
 	type: String,
 	attribute: "tag-placement"
-})], O.prototype, "tagPlacement", void 0), n([r({
+})], O.prototype, "tagPlacement", void 0), i([a({
 	type: Boolean,
 	attribute: "open"
-})], O.prototype, "isOpen", void 0), n([e()], O.prototype, "_options", void 0), n([e()], O.prototype, "_value", void 0), n([e()], O.prototype, "_isOptionsOpen", void 0), n([e()], O.prototype, "_userInfoMessage", void 0), n([e()], O.prototype, "_addValueText", void 0), n([e()], O.prototype, "_maxIsReached", void 0), n([e()], O.prototype, "_search", void 0), n([e()], O.prototype, "_inputFocus", void 0);
+})], O.prototype, "isOpen", void 0), i([r()], O.prototype, "_options", void 0), i([r()], O.prototype, "_value", void 0), i([r()], O.prototype, "_isOptionsOpen", void 0), i([r()], O.prototype, "_userInfoMessage", void 0), i([r()], O.prototype, "_addValueText", void 0), i([r()], O.prototype, "_maxIsReached", void 0), i([r()], O.prototype, "_search", void 0), i([r()], O.prototype, "_inputFocus", void 0);
 //#endregion
 //#region src/components/combobox/combobox-value.ts
 var k = class extends O {
@@ -531,14 +531,14 @@ var k = class extends O {
 		if (this.disabled) return;
 		this.touched = !0, this._userInfoMessage = "", this._addValueText = null;
 		let t = m(this.options, e)?.value || null, n = this._value.includes(e || t || ""), r = !!t, i = this._options.find((t) => t.value === e)?.disabled || !1, a = !e?.trim(), o = !this.multiple, s = this.multiple, c = p(this._value.length, this.maxlength), l = !1, u = !0, d = "", f = "";
-		i || (!r && this.allowUserInput && !a ? (this.addNewUserValue(e), d = "Ny verdi lagt til", l = s) : !r && !this.allowUserInput ? (o && this._value[0] && this.removeValue(this._value[0]), u = !1, l = !0, d = "Ingen treff i søket") : n ? (this.removeValue(t), l = !0, o && this._hasTextInput && this.inputRef.value && this.inputRef.value.type !== "hidden" && (this.inputRef.value.value = "")) : a && o ? (this.removeAllSelected(), l = !0) : o ? (this._value[0] && this.removeSelected(this._value[0]), this.setSelected(t), l = !1) : s && !c ? (this.setSelected(t), l = !0) : s && c ? (d = "Maks antall valg nådd", u = !1, f = e) : (o && this.removeAllSelected(), d = "Ingen gyldig verdi valgt", u = !1, l = !0, f = e), this._isOptionsOpen = l, l || (o && this._hasTextInput && (this._suppressNextOpen = !0), window.setTimeout(() => {
+		i || (!r && this.allowUserInput && !a ? (this.addNewUserValue(e), d = "valueAdded", l = s) : !r && !this.allowUserInput ? (o && this._value[0] && this.removeValue(this._value[0]), u = !1, l = !0, d = "noResults") : n ? (this.removeValue(t), l = !0, o && this._hasTextInput && this.inputRef.value && this.inputRef.value.type !== "hidden" && (this.inputRef.value.value = "")) : a && o ? (this.removeAllSelected(), l = !0) : o ? (this._value[0] && this.removeSelected(this._value[0]), this.setSelected(t), l = !1) : s && !c ? (this.setSelected(t), l = !0) : s && c ? (d = "maxSelected", u = !1, f = e) : (o && this.removeAllSelected(), d = "noValidValue", u = !1, l = !0, f = e), this._isOptionsOpen = l, l || (o && this._hasTextInput && (this._suppressNextOpen = !0), window.setTimeout(() => {
 			this.focusTrigger();
 		}, 0)), this._userInfoMessage = d, this._search = f || "", this.resetComboboxInput(u), s && this.updateMaxReached());
 	}
 	setSelected(e) {
 		if (!this._value.includes(e)) {
 			if (this.multiple && p(this._value.length, this.maxlength)) {
-				this._userInfoMessage = "Maks antall valg nådd";
+				this._userInfoMessage = "maxSelected";
 				return;
 			}
 			!this.multiple && this.removeAllSelected(), this._value = e ? [...this._value, e] : this._value, w.markOptionSelected(this._options, e), this.resetComboboxInput(!0);
@@ -553,7 +553,7 @@ var k = class extends O {
 	addAllOptions() {
 		if (this.multiple) {
 			if (this.maxlength && this._options.length > this.maxlength) {
-				this._userInfoMessage = "For mange valgt";
+				this._userInfoMessage = "tooManySelected";
 				return;
 			}
 			this._value = this._options.map((e) => e.value), w.markAllSelected(this._options), this.requestUpdate();
@@ -565,7 +565,7 @@ var k = class extends O {
 	addValue() {
 		let e = this.inputRef.value?.value.trim() || "";
 		if (this._search = e, e && this._value.includes(e)) {
-			this.resetComboboxInput(!0), this._userInfoMessage = "Verdien er allerede valgt";
+			this.resetComboboxInput(!0), this._userInfoMessage = "alreadySelected";
 			return;
 		}
 		this.toggleValue(e);
@@ -855,8 +855,9 @@ var k = class extends O {
 		super.attributeChangedCallback(e, t, n);
 	}
 	render() {
-		return i`
+		return e`
       <pkt-input-wrapper
+        .strings=${this.strings}
         .size=${this.inputSize}
         .label=${this.label}
         .helptext=${this.helptext}
@@ -902,12 +903,12 @@ var k = class extends O {
             aria-description=${c(this._selectionDescription || void 0)}
             tabindex=${this._hasTextInput || this.disabled ? "-1" : "0"}
             @click=${this.handleInputClick}
-            @keydown=${this._hasTextInput ? t : this.handleSelectOnlyKeydown}
+            @keydown=${this._hasTextInput ? n : this.handleSelectOnlyKeydown}
             ${l(this.triggerRef)}
           >
-            ${!this._hasTextInput && this.placeholder && (!this._value.length || this.multiple && this.tagPlacement == "outside") && !this._inputFocus ? i`<span class="pkt-combobox__placeholder" @click=${this.handlePlaceholderClick}
+            ${!this._hasTextInput && this.placeholder && (!this._value.length || this.multiple && this.tagPlacement == "outside") && !this._inputFocus ? e`<span class="pkt-combobox__placeholder" @click=${this.handlePlaceholderClick}
                   >${this.placeholder}</span
-                >` : this.tagPlacement === "outside" ? t : this.renderSingleOrMultipleValues()}
+                >` : this.tagPlacement === "outside" ? n : this.renderSingleOrMultipleValues()}
             ${this.renderInputField()}
             <pkt-icon
               class=${o({
@@ -930,7 +931,7 @@ var k = class extends O {
             ?allow-user-input=${this.allowUserInput && !this._maxIsReached}
             ?max-is-reached=${this._maxIsReached}
             .customUserInput=${c(this._addValueText)}
-            .userMessage=${this._userInfoMessage}
+            .userMessage=${this._userInfoMessage ? this.pktStrings.get("combobox")[this._userInfoMessage] : ""}
             @search=${this.handleSearch}
             @option-toggle=${this.handleOptionToggled}
             @select-all=${this.addAllOptions}
@@ -942,14 +943,14 @@ var k = class extends O {
           ></pkt-listbox>
         </div>
 
-        ${this.tagPlacement === "outside" && this.multiple ? i`<div class="pkt-combobox__tags-outside">
+        ${this.tagPlacement === "outside" && this.multiple ? e`<div class="pkt-combobox__tags-outside">
               ${this.renderSingleOrMultipleValues()}
-            </div>` : t}
+            </div>` : n}
       </pkt-input-wrapper>
     `;
 	}
 	renderInputField() {
-		return this.typeahead || this.allowUserInput ? i`
+		return this.typeahead || this.allowUserInput ? e`
           <div class="pkt-combobox__input-div combobox__input">
             <input
               type="text"
@@ -974,7 +975,7 @@ var k = class extends O {
               ${l(this.inputRef)}
             />
           </div>
-        ` : i`
+        ` : e`
           <input
             type="hidden"
             id="${this.id}-input"
@@ -985,23 +986,23 @@ var k = class extends O {
         `;
 	}
 	renderSingleOrMultipleValues() {
-		if (!this.multiple && this._hasTextInput) return t;
-		let e = !this.multiple, n = this.renderValueTag(m(this.options, this._value[0])), r = this.tagPlacement === "outside", a = i`
+		if (!this.multiple && this._hasTextInput) return n;
+		let t = !this.multiple, r = this.renderValueTag(m(this.options, this._value[0])), i = this.tagPlacement === "outside", a = e`
       <ul role="list" class="pkt-combobox__tag-list">
-        ${d(this._value, (e) => e, (e, n) => {
-			let a = m(this.options, e), o = a?.tagSkinColor;
-			return i`
+        ${d(this._value, (e) => e, (t, r) => {
+			let a = m(this.options, t), o = a?.tagSkinColor;
+			return e`
               <li
                 role="listitem"
-                @click=${r ? t : (e) => e.stopPropagation()}
-                @mousedown=${r ? t : (e) => e.preventDefault()}
+                @click=${i ? n : (e) => e.stopPropagation()}
+                @mousedown=${i ? n : (e) => e.preventDefault()}
               >
                 <pkt-tag
                   skin=${o || "blue-dark"}
                   ?closeTag=${!this.disabled}
-                  .buttonTabindex=${r ? void 0 : -1}
-                  @close=${() => this.handleTagRemove(e)}
-                  @keydown=${r ? t : (e) => this.handleTagKeydown(e, n)}
+                  .buttonTabindex=${i ? void 0 : -1}
+                  @close=${() => this.handleTagRemove(t)}
+                  @keydown=${i ? n : (e) => this.handleTagKeydown(e, r)}
                 >
                   ${this.renderValueTag(a)}
                 </pkt-tag>
@@ -1010,25 +1011,25 @@ var k = class extends O {
 		})}
       </ul>
     `;
-		return e ? n : a;
+		return t ? r : a;
 	}
-	renderValueTag(e) {
-		if (!e) return "";
+	renderValueTag(t) {
+		if (!t) return "";
 		switch (this.displayValueAs) {
-			case "prefixAndValue": return i`<span class="pkt-combobox__value" data-focusfix=${this.id}
-          >${e.prefix || ""} ${e.value}</span
+			case "prefixAndValue": return e`<span class="pkt-combobox__value" data-focusfix=${this.id}
+          >${t.prefix || ""} ${t.value}</span
         >`;
-			case "value": return i`<span class="pkt-combobox__value" data-focusfix=${this.id}
-          >${e.value}</span
+			case "value": return e`<span class="pkt-combobox__value" data-focusfix=${this.id}
+          >${t.value}</span
         >`;
-			default: return i`<span class="pkt-combobox__value" data-focusfix=${this.id}
-          >${e.label || e.value}</span
+			default: return e`<span class="pkt-combobox__value" data-focusfix=${this.id}
+          >${t.label || t.value}</span
         >`;
 		}
 	}
 };
 try {
-	a("pkt-combobox")(j);
+	t("pkt-combobox")(j);
 } catch {
 	console.warn("Forsøker å definere <pkt-combobox>, men den er allerede definert");
 }

package/dist/components/calendar/calendar.d.ts

@@ -13,12 +13,27 @@ export declare class PktCalendar extends PktElement {
     withcontrols: boolean;
     currentmonth: Date | null;
     today: string | null;
-    dayStrings: string[];
-    dayStringsLong: string[];
-    monthStrings: string[];
-    weekString: string;
-    prevMonthString: string;
-    nextMonthString: string;
+    /** @deprecated Bruk `strings={{ dates: { daysShort: [...] } }}` eller `setPktStrings()`. */
+    dayStrings?: string[];
+    /** @deprecated Bruk `strings={{ dates: { days: [...] } }}` eller `setPktStrings()`. */
+    dayStringsLong?: string[];
+    /** @deprecated Bruk `strings={{ dates: { months: [...] } }}` eller `setPktStrings()`. */
+    monthStrings?: string[];
+    /** @deprecated Bruk `strings={{ dates: { week: '...' } }}` eller `setPktStrings()`. */
+    weekString?: string;
+    /** @deprecated Bruk `strings={{ calendar: { prevMonth: '...' } }}` eller `setPktStrings()`. */
+    prevMonthString?: string;
+    /** @deprecated Bruk `strings={{ calendar: { nextMonth: '...' } }}` eller `setPktStrings()`. */
+    nextMonthString?: string;
+    /** Datonavn og navigasjonstekster, med de utfasede enkeltpropene lagt oppå. */
+    protected get calendarStrings(): {
+        daysShort: string[];
+        days: string[];
+        months: string[];
+        week: string;
+        prevMonth: string;
+        nextMonth: string;
+    };
     private _selected;
     private inRange;
     private rangeHovered;

package/dist/components/checkbox/checkbox.d.ts

@@ -17,9 +17,11 @@ export declare class PktCheckbox extends PktInputElement<Props> {
     type: string;
     tagText: string | null;
     optionalTag: boolean;
-    optionalText: string;
+    /** @deprecated Bruk `strings={{ forms: { optional: '…' } }}` eller `setPktStrings()`. */
+    optionalText?: string;
     requiredTag: boolean;
-    requiredText: string;
+    /** @deprecated Bruk `strings={{ forms: { required: '…' } }}` eller `setPktStrings()`. */
+    requiredText?: string;
     connectedCallback(): void;
     attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
     protected firstUpdated(_changedProperties: PropertyValues): void;

package/dist/components/combobox/combobox-base.d.ts

@@ -2,6 +2,7 @@ import { Ref } from 'lit/directives/ref.js';
 import { PktInputElement } from '../../base-elements/input-element';
 import { IPktComboboxOption, TPktComboboxTagPlacement } from './combobox-types';
 import { default as PktListbox } from '../listbox';
+import { TComboboxMessageKey } from '../../shared-utils/combobox';
 /**
  * Base class for PktCombobox.
  * Declares all reactive properties, state, refs, and simple helpers.
@@ -23,7 +24,7 @@ export declare class ComboboxBase extends PktInputElement {
     _options: IPktComboboxOption[];
     protected _value: string[];
     protected _isOptionsOpen: boolean;
-    protected _userInfoMessage: string;
+    protected _userInfoMessage: TComboboxMessageKey;
     protected _addValueText: string | null;
     protected _maxIsReached: boolean;
     protected _search: string;

package/dist/components/consent/strings.d.ts

@@ -1,85 +1 @@
-export declare const consentStrings: {
-    i18n: {
-        nb: {
-            contentPresentation: {
-                title: string;
-                description: string[];
-                buttons: {
-                    accept: string;
-                    reject: string;
-                    settings: string;
-                };
-            };
-            contentSettings: {
-                title: string;
-                description: string[];
-                buttons: {
-                    back: string;
-                    save: string;
-                };
-            };
-        };
-        en: {
-            contentPresentation: {
-                title: string;
-                description: string[];
-                buttons: {
-                    accept: string;
-                    reject: string;
-                    settings: string;
-                };
-            };
-            contentSettings: {
-                title: string;
-                description: string[];
-                buttons: {
-                    back: string;
-                    save: string;
-                };
-            };
-        };
-    };
-    cookies: ({
-        name: string;
-        defaultValue: null;
-        i18n: {
-            nb: {
-                title: string;
-                description: string;
-                buttons: {
-                    yes: string;
-                    no: string;
-                };
-            };
-            en: {
-                title: string;
-                description: string;
-                buttons: {
-                    yes: string;
-                    no: string;
-                };
-            };
-        };
-    } | {
-        name: string;
-        defaultValue: boolean;
-        i18n: {
-            nb: {
-                title: string;
-                description: string;
-                buttons: {
-                    yes: string;
-                    no: string;
-                };
-            };
-            en: {
-                title: string;
-                description: string;
-                buttons: {
-                    yes: string;
-                    no: string;
-                };
-            };
-        };
-    })[];
-};
+export { consentStrings } from '../../shared-strings/consent';

package/dist/components/datepicker/datepicker-base.d.ts

@@ -1,7 +1,6 @@
 import { TemplateResult } from 'lit';
 import { Ref } from 'lit/directives/ref.js';
 import { PktElement } from '../../base-elements/element';
-import { IDatepickerStrings } from './datepicker-types';
 import { TPktInputSize } from '../../shared-types/size';
 /**
  * Abstract base class for datepicker input components
@@ -10,7 +9,6 @@ import { TPktInputSize } from '../../shared-types/size';
  * used by all three datepicker input types (single, multiple, range).
  *
  * Subclasses must implement:
- * - `strings` property with component-specific defaults
  * - `render()` method with component-specific template
  */
 export declare abstract class PktDatepickerBase extends PktElement {
@@ -24,7 +22,6 @@ export declare abstract class PktDatepickerBase extends PktElement {
     inputClasses: Record<string, boolean>;
     inputSize: TPktInputSize;
     internals?: ElementInternals;
-    abstract strings: IDatepickerStrings;
     inputRef: Ref<HTMLInputElement>;
     btnRef: Ref<HTMLButtonElement>;
     get inputElement(): HTMLInputElement | undefined;

package/dist/components/datepicker/datepicker-multiple.d.ts

@@ -1,9 +1,7 @@
 import { PktDatepickerBase } from './datepicker-base';
-import { IDatepickerStrings } from './datepicker-types';
 export declare class PktDatepickerMultiple extends PktDatepickerBase {
     value: string[];
     maxlength?: number;
-    strings: IDatepickerStrings;
     get isInputDisabled(): boolean;
     private dispatchAddToSelected;
     render(): import('lit-html').TemplateResult<1>;

package/dist/components/datepicker/datepicker-range.d.ts

@@ -1,11 +1,9 @@
 import { Ref } from 'lit/directives/ref.js';
 import { PktDatepickerBase } from './datepicker-base';
-import { IDatepickerStrings } from './datepicker-types';
 export declare class PktDatepickerRange extends PktDatepickerBase {
     value: string[];
     label: string;
     showRangeLabels: boolean;
-    strings: IDatepickerStrings;
     inputRefTo: Ref<HTMLInputElement>;
     get inputElementTo(): HTMLInputElement | undefined;
     render(): import('lit-html').TemplateResult<1>;

package/dist/components/datepicker/datepicker-single.d.ts

@@ -1,8 +1,6 @@
 import { PktDatepickerBase } from './datepicker-base';
-import { IDatepickerStrings } from './datepicker-types';
 export declare class PktDatepickerSingle extends PktDatepickerBase {
     value: string;
-    strings: IDatepickerStrings;
     private dispatchManageValidity;
     render(): import('lit-html').TemplateResult<1>;
 }

package/dist/components/datepicker/datepicker-utils.d.ts

@@ -1,5 +1,6 @@
 import { Ref } from 'lit/directives/ref.js';
 import { PktCalendar } from '../calendar/calendar';
+import { TPktStrings } from '../../shared-strings';
 /**
  * Utility functions for PktDatepicker component
  *
@@ -29,7 +30,7 @@ export declare const inputTypeUtils: {
 export declare const formUtils: {
     submitForm(element: HTMLElement): void;
     submitFormOrFallback(internals: any, fallbackAction: () => void): void;
-    validateDateInput(input: HTMLInputElement, internals: any, min?: string | null, max?: string | null, strings?: any): void;
+    validateDateInput(input: HTMLInputElement, internals: any, min?: string | null, max?: string | null, messages?: Partial<TPktStrings["validation"]>): void;
 };
 /**
  * Calendar interaction utilities

package/dist/components/fileupload/fileupload-base.d.ts

@@ -55,7 +55,8 @@ export declare abstract class PktFileUploadBase extends PktElement<IPktFileUploa
     /** Show "Valgfritt" tag in the input wrapper. */
     optionalTag: boolean;
     /** Label text for the optional tag. */
-    optionalText: string;
+    /** @deprecated Bruk `strings={{ forms: { optional: '…' } }}` eller `setPktStrings()`. */
+    optionalText?: string;
     /** Show "Må fylles ut" tag in the input wrapper. */
     requiredTag: boolean;
     /** Label text for the required tag. */
@@ -78,7 +79,7 @@ export declare abstract class PktFileUploadBase extends PktElement<IPktFileUploa
     private thumbnailFileById;
     private connectedForm;
     private addedAnnouncementTimer;
-    private readonly requiredSelectionMessage;
+    private get requiredSelectionMessage();
     protected get isControlled(): boolean;
     /** True if the component itself wants to show an error (internal validation or external prop). */
     protected get hasEffectiveError(): boolean;

package/dist/components/header/header-service.d.ts

@@ -6,7 +6,8 @@ export declare class PktHeaderService extends PktElementWithSlot<IPktHeader> imp
     serviceLink?: string;
     logoLink: string;
     logoPath: string | undefined;
-    searchPlaceholder: string;
+    /** @deprecated Bruk `strings={{ header: { search: '…' } }}` eller `setPktStrings()`. */
+    searchPlaceholder?: string;
     searchValue: string;
     mobileBreakpoint: number;
     tabletBreakpoint: number;
@@ -58,6 +59,7 @@ export declare class PktHeaderService extends PktElementWithSlot<IPktHeader> imp
     private get shouldHideOnScroll();
     private get showLogoutInHeader();
     private get showLogoutInUserMenu();
+    private get headerStrings();
     private renderLogo;
     private renderServiceName;
     private renderSlotContainer;

package/dist/components/header/header.d.ts

@@ -21,7 +21,8 @@ export declare class PktHeader extends PktElementWithSlot<IPktHeader> implements
     serviceLink?: string;
     logoLink?: string;
     logoPath?: string;
-    searchPlaceholder: string;
+    /** @deprecated Bruk `strings={{ header: { search: '…' } }}` eller `setPktStrings()`. */
+    searchPlaceholder?: string;
     searchValue: string;
     mobileBreakpoint: number;
     tabletBreakpoint: number;

package/dist/components/helptext/helptext.d.ts

@@ -3,7 +3,8 @@ export declare class PktHelptext extends PktElementWithSlot {
     forId: string;
     helptext: string;
     helptextDropdown: string;
-    helptextDropdownButton: string;
+    /** @deprecated Bruk `strings={{ forms: { readMore: '…' } }}` eller `setPktStrings()`. */
+    helptextDropdownButton?: string;
     isHelpTextOpen: boolean;
     render(): import('lit-html').TemplateResult<1>;
 }

package/dist/components/index.d.ts

@@ -51,3 +51,5 @@ export type { IPktFooter, IPktFooterSimple, IPktFooterColumn, IPktFooterLink, }
 export type { FileItem, IPktFileUpload, TFileComment, TQueueItemOperation, TQueueOperationContext, TQueueOperationLabel, TFileTransfer, TFileUploadItemRenderer, TTransferCancelledDetail, TTransferProgress, TFileValidateDetail, TFileValidator, TUploadStrategy, } from './fileupload';
 export type { IPktTimepicker } from './timepicker';
 export type { IPktSearchInput, IPktSearchInputSuggestion, TPktSearchInputAppearance, TPktSearchInputMethod, } from './searchinput';
+export { getPktStrings, nb as pktStringsNb, resetPktStrings, setPktStrings, subscribePktStrings, } from '../shared-strings';
+export type { TPktStrings, TPktStringsNamespace, TPktStringsOverride } from '../shared-strings';

package/dist/components/input-wrapper/input-wrapper.d.ts

@@ -21,9 +21,11 @@ export declare class PktInputWrapper extends PktElementWithSlot<Props> {
     counterError: string | null;
     counterPosition: TCounterPosition;
     optionalTag: boolean;
-    optionalText: string;
+    /** @deprecated Bruk `strings={{ forms: { optional: '…' } }}` eller `setPktStrings()`. */
+    optionalText?: string;
     requiredTag: boolean;
-    requiredText: string;
+    /** @deprecated Bruk `strings={{ forms: { required: '…' } }}` eller `setPktStrings()`. */
+    requiredText?: string;
     tagText: string | null;
     hasError: boolean;
     errorMessage: string;

package/dist/components/radiobutton/radiobutton.d.ts

@@ -12,9 +12,11 @@ export declare class PktRadioButton extends PktInputElement<Props> {
     type: string;
     tagText: string | null;
     optionalTag: boolean;
-    optionalText: string;
+    /** @deprecated Bruk `strings={{ forms: { optional: '…' } }}` eller `setPktStrings()`. */
+    optionalText?: string;
     requiredTag: boolean;
-    requiredText: string;
+    /** @deprecated Bruk `strings={{ forms: { required: '…' } }}` eller `setPktStrings()`. */
+    requiredText?: string;
     _checked: boolean;
     connectedCallback(): void;
     attributeChangedCallback(name: string, _old: string | null, value: string | null): void;

package/dist/components/searchinput/searchinput.d.ts

@@ -12,7 +12,8 @@ export declare class PktSearchInput extends PktElement<IPktSearchInput> implemen
     id: string;
     label: string | undefined;
     name: string | undefined;
-    placeholder: string;
+    /** @deprecated Bruk `strings={{ searchinput: { placeholder: '…' } }}` eller `setPktStrings()`. */
+    placeholder?: string;
     value: string;
     suggestions: IPktSearchInputSuggestion[] | undefined;
     action: string | undefined;

package/dist/{consent-DZEkhgJ1.js → consent-BneInZov.js}

@@ -1,6 +1,6 @@
-import { n as e, o as t, p as n, s as r, t as i } from "./element-ChsFgr_B.js";
-import "./button-2-OSPJkj.js";
-//#region src/components/consent/strings.ts
+import { _ as e, d as t, n, t as r, u as i } from "./element-BKSPVgs2.js";
+import "./button-C44vNLFC.js";
+//#region ../../shared-strings/consent.ts
 var a = {
 	i18n: {
 		nb: {
@@ -130,7 +130,7 @@ var c = (e) => {
 	} catch {
 		return e;
 	}
-}, l = (e) => c(e.value).items.reduce((e, t) => (e[t.name] = t.consent, e), {}), u = class extends i {
+}, l = (e) => c(e.value).items.reduce((e, t) => (e[t.name] = t.consent, e), {}), u = class extends r {
 	constructor(...e) {
 		super(...e), this.devMode = !1, this.hotjarId = null, this.googleAnalyticsId = null, this.cookieDomain = null, this.cookieSecure = null, this.cookieExpiryDays = null, this.triggerType = "button", this.triggerText = null, this.i18nLanguage = "nb";
 	}
@@ -171,29 +171,29 @@ var c = (e) => {
 		e.preventDefault(), window.cookieBanner?.cookieConsent || this.triggerInit(), setTimeout(() => window.cookieBanner?.openCookieModal());
 	}
 	render() {
-		return this.triggerType === "link" ? n`<a href="#" class="pkt-link" aria-haspopup="dialog" @click=${this.openModal}
+		return this.triggerType === "link" ? e`<a href="#" class="pkt-link" aria-haspopup="dialog" @click=${this.openModal}
         >${this.triggerText}</a
-      >` : this.triggerType === "footerlink" ? n`<a
+      >` : this.triggerType === "footerlink" ? e`<a
         href="#"
         class="pkt-footer__link"
         aria-haspopup="dialog"
         @click=${this.openModal}
         >${this.triggerText}</a
-      >` : this.triggerType === "icon" ? n`<pkt-button
+      >` : this.triggerType === "icon" ? e`<pkt-button
         skin="tertiary"
         variant="icon-only"
         iconName="cookie"
         aria-haspopup="dialog"
         @click=${this.openModal}
         >${this.triggerText}</pkt-button
-      >` : n`<pkt-button aria-haspopup="dialog" @click=${this.openModal}
+      >` : e`<pkt-button aria-haspopup="dialog" @click=${this.openModal}
       >${this.triggerText}</pkt-button
     >`;
 	}
 };
-e([t({ type: Boolean })], u.prototype, "devMode", void 0), e([t({ type: String })], u.prototype, "hotjarId", void 0), e([t({ type: String })], u.prototype, "googleAnalyticsId", void 0), e([t({ type: String })], u.prototype, "cookieDomain", void 0), e([t({ type: String })], u.prototype, "cookieSecure", void 0), e([t({ type: String })], u.prototype, "cookieExpiryDays", void 0), e([t({ type: String })], u.prototype, "triggerType", void 0), e([t({ type: String })], u.prototype, "triggerText", void 0), e([t({ type: String })], u.prototype, "i18nLanguage", void 0);
+n([i({ type: Boolean })], u.prototype, "devMode", void 0), n([i({ type: String })], u.prototype, "hotjarId", void 0), n([i({ type: String })], u.prototype, "googleAnalyticsId", void 0), n([i({ type: String })], u.prototype, "cookieDomain", void 0), n([i({ type: String })], u.prototype, "cookieSecure", void 0), n([i({ type: String })], u.prototype, "cookieExpiryDays", void 0), n([i({ type: String })], u.prototype, "triggerType", void 0), n([i({ type: String })], u.prototype, "triggerText", void 0), n([i({ type: String })], u.prototype, "i18nLanguage", void 0);
 try {
-	r("pkt-consent")(u);
+	t("pkt-consent")(u);
 } catch {
 	console.warn("Forsøker å definere <pkt-consent>, men den er allerede definert");
 }