@oslokommune/punkt-elements 17.1.3 → 18.1.0

package/dist/{combobox-CRdYYlxu.js → combobox-C9wwnUfM.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-WEzISABa.js";
+import { t as o } from "./class-map-wh4Yi3oj.js";
+import { n as s } from "./element-with-slot-BKYUx4gb.js";
+import "./icon-DEtOSWRK.js";
+import { t as c } from "./if-defined-BmnvvxtR.js";
+import { n as l, t as u } from "./ref-OU8ryfP6.js";
+import "./tag-Azkjhkeu.js";
+import { t as d } from "./repeat-Dx2H127b.js";
+import { a as f, c as p, i as m, o as h, r as g, s as _ } from "./listbox-C8ooO8qZ.js";
+import { t as v } from "./input-element-IBypGOaV.js";
+import { t as y } from "./pkt-options-controller-CuQ6SClv.js";
+import "./input-wrapper-CQgAL1Br.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/accordion/accordion.d.ts

@@ -1,11 +1,7 @@
 import { LitElement } from 'lit';
-import { TAccordionSkin } from '../../shared-types';
+import { IPktAccordionBase, TAccordionSkin } from '../../shared-types';
 export type TPktAccordionSkin = TAccordionSkin;
-export interface IPktAccordion {
-    compact?: boolean;
-    skin?: TPktAccordionSkin;
-    ariaLabelledBy?: string;
-    name?: string;
+export interface IPktAccordion extends IPktAccordionBase {
 }
 export declare class PktAccordion extends LitElement implements IPktAccordion {
     ariaLabelledBy: string;

package/dist/components/accordion/accordionitem.d.ts

@@ -1,6 +1,7 @@
 import { PktElementWithSlot } from '../../base-elements/element-with-slot';
 import { PropertyValues } from 'lit';
 import { Ref } from 'lit/directives/ref.js';
+import { IPktAccordionItemBase } from '../../shared-types';
 import { TPktAccordionSkin } from './accordion';
 /**
  * @param toggleProps
@@ -8,14 +9,7 @@ import { TPktAccordionSkin } from './accordion';
  * @description Send in an "isOpen" boolean and "onToggleClick" function
  * to override the automatic toggling
  */
-export interface IPktAccordionItem {
-    defaultOpen?: boolean;
-    id: string;
-    title: string;
-    skin?: TPktAccordionSkin;
-    compact?: boolean;
-    isOpen?: boolean;
-    name?: string | undefined;
+export interface IPktAccordionItem extends IPktAccordionItemBase {
 }
 export declare class PktAccordionItem extends PktElementWithSlot implements IPktAccordionItem {
     defaultOpen: boolean;

package/dist/components/alert/alert.d.ts

@@ -1,6 +1,6 @@
 import { PropertyValues } from 'lit';
 import { PktElementWithSlot } from '../../base-elements/element-with-slot';
-import { TAriaLive, TAlertSkin } from '../../shared-types';
+import { TAriaLive, TAlertSkin, TAlertSize } from '../../shared-types';
 export type { TAlertSkin };
 export interface IPktAlert {
     skin?: TAlertSkin;
@@ -13,7 +13,7 @@ export interface IPktAlert {
      */
     compact?: boolean;
     role?: string;
-    size?: 'medium' | 'small' | 'xsmall';
+    size?: TAlertSize;
 }
 export declare class PktAlert extends PktElementWithSlot implements IPktAlert {
     constructor();

package/dist/components/backlink/backlink.d.ts

@@ -1,13 +1,12 @@
 import { PktElement } from '../../base-elements/element';
-export interface IPktBackLink {
-    href?: string;
-    text?: string;
-    ariaLabel?: string;
+import { IPktBackLinkBase } from '../../shared-types';
+export interface IPktBackLink extends IPktBackLinkBase {
 }
 export declare class PktBackLink extends PktElement<IPktBackLink> implements IPktBackLink {
     href: string;
     text: string;
-    ariaLabel: string;
+    /** @deprecated Bruk `strings={{ backlink: { label: '…' } }}` eller `setPktStrings()`. */
+    ariaLabel: string | null;
     attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
     render(): import('lit-html').TemplateResult<1>;
 }

package/dist/components/backlink/backlink.test.d.ts

@@ -2,7 +2,7 @@ import { BaseTestConfig } from '../../tests/test-framework';
 export interface BacklinkTestConfig extends BaseTestConfig {
     href?: string;
     text?: string;
-    ariaLabel?: string;
+    ariaLabel?: string | null;
 }
 export declare const createBacklinkTest: (config?: BacklinkTestConfig) => Promise<{
     container: HTMLElement;

package/dist/components/breadcrumbs/breadcrumbs.d.ts

@@ -1,14 +1,13 @@
 import { nothing } from 'lit';
 import { PktElement } from '../../base-elements/element';
-export interface IBreadcrumbItem {
-    text: string;
-    href: string;
-}
-export interface IPktBreadcrumbs {
-    breadcrumbs: IBreadcrumbItem[];
+import { IBreadcrumb, IPktBreadcrumbsBase } from '../../shared-types';
+export type { IBreadcrumb };
+/** @deprecated Use `IBreadcrumb`. */
+export type IBreadcrumbItem = IBreadcrumb;
+export interface IPktBreadcrumbs extends IPktBreadcrumbsBase {
 }
 export declare class PktBreadcrumbs extends PktElement implements IPktBreadcrumbs {
-    breadcrumbs: IBreadcrumbItem[];
+    breadcrumbs: IBreadcrumb[];
     private handleLinkClick;
     render(): typeof nothing | import('lit-html').TemplateResult<1>;
 }

package/dist/components/breadcrumbs/index.d.ts

@@ -1,2 +1,2 @@
 export { PktBreadcrumbs } from './breadcrumbs';
-export type { IBreadcrumbItem, IPktBreadcrumbs } from './breadcrumbs';
+export type { IBreadcrumb, IBreadcrumbItem, IPktBreadcrumbs } from './breadcrumbs';

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

@@ -13,7 +13,8 @@ export declare abstract class PktFileUploadBase extends PktElement<IPktFileUploa
     /** Expandable help text (dropdown) shown by `pkt-input-wrapper`. */
     helptextDropdown: string;
     /** Button label for expandable help text. */
-    helptextDropdownButton: string;
+    /** @deprecated Bruk `strings={{ forms: { readMore: '…' } }}` eller `setPktStrings()`. */
+    helptextDropdownButton?: string;
     /** Mark input as required in form strategy. */
     required: boolean;
     /** Allow selecting/dropping multiple files. */
@@ -55,11 +56,13 @@ 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. */
-    requiredText: string;
+    /** @deprecated Bruk `strings={{ forms: { required: '…' } }}` eller `setPktStrings()`. */
+    requiredText?: string;
     /** Extra tag next to the label. */
     tagText: string | null;
     /** Trailing characters to keep when middle-truncating long filenames. Set to `0` to disable. */
@@ -78,7 +81,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;