@oslokommune/punkt-elements 17.1.3 → 18.1.0

package/dist/{datepicker-ButIas85.js → datepicker-D4YnAtWG.js}

@@ -1,24 +1,18 @@
-import { a as e, d as t, n, o as r, p as i, s as a, t as o } from "./element-ChsFgr_B.js";
-import { t as s } from "./class-map-CnWCnBSX.js";
-import { n as c } from "./element-with-slot-BvG9ctC-.js";
-import "./icon-D-LA22xD.js";
-import { t as l } from "./if-defined-CGzIlZ9-.js";
-import { n as u, t as d } from "./ref-CWD6PjVd.js";
+import { _ as e, d as t, h as n, l as r, n as i, s as a, t as o, u as s } from "./element-WEzISABa.js";
+import { t as c } from "./class-map-wh4Yi3oj.js";
+import { n as ee } from "./element-with-slot-BKYUx4gb.js";
+import "./icon-DEtOSWRK.js";
+import { t as l } from "./if-defined-BmnvvxtR.js";
+import { n as u, t as d } from "./ref-OU8ryfP6.js";
 import { a as f, c as p, d as m, h, i as g, m as _, n as v, r as y, s as b, t as x, u as S } from "./converters-CkjLSYpa.js";
-import "./calendar-pOW3R5Pw.js";
-import "./tag-Ds6n1LIs.js";
-import { t as C } from "./repeat-C02g7d5S.js";
+import "./calendar-DRmxORMc.js";
+import "./tag-Azkjhkeu.js";
+import { t as C } from "./repeat-Dx2H127b.js";
 import { n as w, t as T } from "./utils-BwF4QSrq.js";
-import { t as E } from "./input-element-DBMNBplu.js";
-import "./input-wrapper-BmxNvznr.js";
-//#region ../../shared-types/datepicker.ts
-var D = { calendar: { buttonAltText: "Åpne kalender" } }, O = {
-	calendar: { buttonAltText: "Åpne kalender" },
-	generic: {
-		from: "Fra",
-		to: "Til"
-	}
-}, k = class extends o {
+import { t as E } from "./input-element-IBypGOaV.js";
+import "./input-wrapper-CQgAL1Br.js";
+//#region src/components/datepicker/date-tags.ts
+var D = class extends o {
 	constructor(...e) {
 		super(...e), this.dates = [], this.dateformat = "dd.MM.yyyy", this.className = "pkt-datepicker__tags", this.idBase = w();
 	}
@@ -26,35 +20,35 @@ var D = { calendar: { buttonAltText: "Åpne kalender" } }, O = {
 		return this.classes = {
 			"pkt-date-tags": !0,
 			[this.className]: !0
-		}, i`
-      <div class=${s(this.classes)} aria-live="polite">
-        ${Array.isArray(this.dates) && this.dates[0] ? C(h((this.dates ?? []).filter(Boolean)), (e) => e, (e) => i` <pkt-tag
-                  id=${this.idBase + e + "-tag"}
+		}, e`
+      <div class=${c(this.classes)} aria-live="polite">
+        ${Array.isArray(this.dates) && this.dates[0] ? C(h((this.dates ?? []).filter(Boolean)), (e) => e, (t) => e` <pkt-tag
+                  id=${this.idBase + t + "-tag"}
                   closeTag
                   @close=${() => {
-			this.dispatchEvent(new CustomEvent("date-tag-removed", { detail: e }));
+			this.dispatchEvent(new CustomEvent("date-tag-removed", { detail: t }));
 		}}
-                  .ariaLabel=${`${this.strings?.calendar.deleteDate} ${p(e, this.dateformat)}`}
+                  .ariaLabel=${`${this.pktStrings.get("datepicker").deleteDate} ${p(t, this.dateformat)}`}
                 >
-                  <time datetime=${e}>${p(e, this.dateformat)}</time>
-                </pkt-tag>`) : t}
+                  <time datetime=${t}>${p(t, this.dateformat)}</time>
+                </pkt-tag>`) : n}
       </div>
     `;
 	}
 };
-n([r({ type: Array })], k.prototype, "dates", void 0), n([r({ type: String })], k.prototype, "dateformat", void 0), n([r({
+i([s({ type: Array })], D.prototype, "dates", void 0), i([s({ type: String })], D.prototype, "dateformat", void 0), i([s({
 	type: String,
 	attribute: "class"
-})], k.prototype, "className", void 0), n([r({
+})], D.prototype, "className", void 0), i([s({
 	type: String,
 	attribute: "id-base"
-})], k.prototype, "idBase", void 0);
+})], D.prototype, "idBase", void 0);
 try {
-	a("pkt-date-tags")(k);
+	t("pkt-date-tags")(D);
 } catch {
 	console.warn("Forsøker å definere <pkt-date-tags>, men den er allerede definert");
 }
-var A = {
+var O = {
 	name: "pkt-datepicker",
 	react: "PktDatepicker",
 	"css-class": "pkt-datepicker",
@@ -334,10 +328,10 @@ var A = {
 			description: "Returnerer en <code>string[]</code> med valgte datoer i ISO-format. I range-modus utløses kun når begge datoer er valgt."
 		}
 	}
-}, j = () => {
+}, k = () => {
 	let e = navigator.userAgent;
 	return !!(/iP(hone|od|ad)/.test(e) || /Macintosh/.test(e) && "ontouchend" in document);
-}, M = () => j() ? "text" : "date", N = (e) => !e || e.length !== 2 || S(e[0], e[1]), ee = (e) => h(e), te = (e, t, n, r, i) => g(e, t, n, r, i), P = (e, t, n, r, i, a, o = "medium") => ({
+}, A = () => k() ? "text" : "date", j = (e) => !e || e.length !== 2 || S(e[0], e[1]), M = (e) => h(e), N = (e, t, n, r, i) => g(e, t, n, r, i), P = (e, t, n, r, i, a, o = "medium") => ({
 	"pkt-input": !0,
 	"pkt-datepicker__input": !0,
 	[`pkt-input--${o}`]: !0,
@@ -367,10 +361,10 @@ var A = {
 	let { key: n } = e;
 	(n === "Enter" || n === " " || n === "Space") && (e.preventDefault(), t(e));
 }, V = {
-	validateRangeOrder: N,
-	sortDates: ee,
-	filterSelectableDates: te
-}, H = { getInputType: M }, U = {
+	validateRangeOrder: j,
+	sortDates: M,
+	filterSelectableDates: N
+}, H = { getInputType: A }, U = {
 	submitForm(e) {
 		let t = e.internals?.form;
 		t && t.requestSubmit();
@@ -380,8 +374,13 @@ var A = {
 		n ? n.requestSubmit() : t();
 	},
 	validateDateInput(e, t, n, r, i) {
-		let a = e.value;
-		a && (n && n > a ? t.setValidity({ rangeUnderflow: !0 }, i?.forms?.messages?.rangeUnderflow || "Value is below minimum", e) : r && r < a && t.setValidity({ rangeOverflow: !0 }, i?.forms?.messages?.rangeOverflow || "Value is above maximum", e));
+		let o = e.value;
+		if (!o) return;
+		let s = {
+			...a.validation,
+			...i
+		};
+		n && n > o ? t.setValidity({ rangeUnderflow: !0 }, s.dateUnderflow, e) : r && r < o && t.setValidity({ rangeOverflow: !0 }, s.dateOverflow, e);
 	}
 }, W = {
 	addToSelected(e, t, n, r) {
@@ -472,20 +471,20 @@ var A = {
 		}));
 	}
 	render() {
-		let e = {
+		let t = {
 			"pkt-calendar-popup": !0,
 			show: this.open,
 			hide: !this.open
 		};
-		return i`
+		return e`
       <div
-        class="${s(e)}"
+        class="${c(t)}"
         ${u(this.popupRef)}
         id="date-popup"
         ?hidden=${!this.open}
         aria-hidden="${!this.open}"
       >
-        ${this.open || this._hasBeenOpened ? i`<pkt-calendar
+        ${this.open || this._hasBeenOpened ? e`<pkt-calendar
               ${u(this.calendarRef)}
               ?multiple=${this.multiple}
               ?range=${this.range}
@@ -512,17 +511,17 @@ var A = {
 				composed: !0
 			}));
 		}}
-            ></pkt-calendar>` : t}
+            ></pkt-calendar>` : n}
       </div>
     `;
 	}
 };
-n([r({
+i([s({
 	type: Boolean,
 	reflect: !0
-})], J.prototype, "open", void 0), n([r({ type: Boolean })], J.prototype, "multiple", void 0), n([r({ type: Boolean })], J.prototype, "range", void 0), n([r({ type: Boolean })], J.prototype, "weeknumbers", void 0), n([r({ type: Boolean })], J.prototype, "withcontrols", void 0), n([r({ type: Number })], J.prototype, "maxMultiple", void 0), n([r({ type: Array })], J.prototype, "selected", void 0), n([r({ type: String })], J.prototype, "earliest", void 0), n([r({ type: String })], J.prototype, "latest", void 0), n([r({ type: Array })], J.prototype, "excludedates", void 0), n([r({ type: Array })], J.prototype, "excludeweekdays", void 0), n([r({ type: String })], J.prototype, "currentmonth", void 0), n([r({ type: String })], J.prototype, "today", void 0), n([e()], J.prototype, "_hasBeenOpened", void 0);
+})], J.prototype, "open", void 0), i([s({ type: Boolean })], J.prototype, "multiple", void 0), i([s({ type: Boolean })], J.prototype, "range", void 0), i([s({ type: Boolean })], J.prototype, "weeknumbers", void 0), i([s({ type: Boolean })], J.prototype, "withcontrols", void 0), i([s({ type: Number })], J.prototype, "maxMultiple", void 0), i([s({ type: Array })], J.prototype, "selected", void 0), i([s({ type: String })], J.prototype, "earliest", void 0), i([s({ type: String })], J.prototype, "latest", void 0), i([s({ type: Array })], J.prototype, "excludedates", void 0), i([s({ type: Array })], J.prototype, "excludeweekdays", void 0), i([s({ type: String })], J.prototype, "currentmonth", void 0), i([s({ type: String })], J.prototype, "today", void 0), i([r()], J.prototype, "_hasBeenOpened", void 0);
 try {
-	a("pkt-datepicker-popup")(J);
+	t("pkt-datepicker-popup")(J);
 } catch {
 	console.warn("Forsøker å definere <pkt-datepicker-popup>, men den er allerede definert");
 }
@@ -576,9 +575,9 @@ var Y = class extends o {
 		}));
 	}
 	renderCalendarButton() {
-		return i`
+		return e`
       <button
-        class="${s(G.getButtonClasses(this.inputSize))}"
+        class="${c(G.getButtonClasses(this.inputSize))}"
         type="button"
         @click=${(e) => this.dispatchToggleCalendar(e)}
         @keydown=${(e) => {
@@ -589,7 +588,7 @@ var Y = class extends o {
         ${this.btnRef}
       >
         <pkt-icon name="calendar"></pkt-icon>
-        <span class="pkt-btn__text">${this.strings.calendar?.buttonAltText || "Åpne kalender"}</span>
+        <span class="pkt-btn__text">${this.pktStrings.get("datepicker").openPicker}</span>
       </button>
     `;
 	}
@@ -597,12 +596,12 @@ var Y = class extends o {
 		return this;
 	}
 };
-n([r({ type: String })], Y.prototype, "inputType", void 0), n([r({ type: String })], Y.prototype, "id", void 0), n([r({ type: String })], Y.prototype, "min", void 0), n([r({ type: String })], Y.prototype, "max", void 0), n([r({ type: String })], Y.prototype, "placeholder", void 0), n([r({ type: Boolean })], Y.prototype, "readonly", void 0), n([r({ type: Boolean })], Y.prototype, "disabled", void 0), n([r({ type: Object })], Y.prototype, "inputClasses", void 0), n([r({ type: String })], Y.prototype, "inputSize", void 0), n([r({ type: Object })], Y.prototype, "internals", void 0);
+i([s({ type: String })], Y.prototype, "inputType", void 0), i([s({ type: String })], Y.prototype, "id", void 0), i([s({ type: String })], Y.prototype, "min", void 0), i([s({ type: String })], Y.prototype, "max", void 0), i([s({ type: String })], Y.prototype, "placeholder", void 0), i([s({ type: Boolean })], Y.prototype, "readonly", void 0), i([s({ type: Boolean })], Y.prototype, "disabled", void 0), i([s({ type: Object })], Y.prototype, "inputClasses", void 0), i([s({ type: String })], Y.prototype, "inputSize", void 0), i([s({ type: Object })], Y.prototype, "internals", void 0);
 //#endregion
 //#region src/components/datepicker/datepicker-single.ts
 var X = class extends Y {
 	constructor(...e) {
-		super(...e), this.value = "", this.strings = D;
+		super(...e), this.value = "";
 	}
 	dispatchManageValidity(e) {
 		this.dispatchEvent(new CustomEvent("manage-validity", {
@@ -612,10 +611,10 @@ var X = class extends Y {
 		}));
 	}
 	render() {
-		return i`
+		return e`
       <div class="pkt-input__container">
         <input
-          class="${s(this.inputClasses)}"
+          class="${c(this.inputClasses)}"
           .type=${this.inputType}
           id="${this.id}-input"
           .value=${this.value}
@@ -636,7 +635,7 @@ var X = class extends Y {
 			this.dispatchInput(e), e.stopImmediatePropagation();
 		}}
           @focus=${() => {
-			this.dispatchFocus(), j() && this.dispatchToggleCalendar(new Event("focus"));
+			this.dispatchFocus(), k() && this.dispatchToggleCalendar(new Event("focus"));
 		}}
           @blur=${(e) => {
 			this.dispatchBlur(e), this.dispatchManageValidity(e.target), this.dispatchEvent(new CustomEvent("value-change", {
@@ -655,9 +654,9 @@ var X = class extends Y {
     `;
 	}
 };
-n([r({ type: String })], X.prototype, "value", void 0), n([r({ type: Object })], X.prototype, "strings", void 0);
+i([s({ type: String })], X.prototype, "value", void 0);
 try {
-	a("pkt-datepicker-single")(X);
+	t("pkt-datepicker-single")(X);
 } catch {
 	console.warn("Forsøker å definere <pkt-datepicker-single>, men den er allerede definert");
 }
@@ -665,21 +664,21 @@ try {
 //#region src/components/datepicker/datepicker-range.ts
 var Z = class extends Y {
 	constructor(...e) {
-		super(...e), this.value = [], this.label = "", this.showRangeLabels = !1, this.strings = O, this.inputRefTo = d();
+		super(...e), this.value = [], this.label = "", this.showRangeLabels = !1, this.inputRefTo = d();
 	}
 	get inputElementTo() {
 		return this.inputRefTo.value;
 	}
 	render() {
-		let e = G.getRangeLabelClasses(this.showRangeLabels);
-		return i`
+		let t = G.getRangeLabelClasses(this.showRangeLabels);
+		return e`
       <div class="pkt-input__container">
-        ${this.showRangeLabels ? i` <div class="pkt-input-prefix">${this.strings.generic?.from}</div> ` : t}
+        ${this.showRangeLabels ? e` <div class="pkt-input-prefix">${this.pktStrings.get("generic").from}</div> ` : n}
         <input
-          class=${s(this.inputClasses)}
+          class=${c(this.inputClasses)}
           .type=${this.inputType}
           id="${this.id}-input"
-          aria-label="${this.label} ${this.strings.generic?.from ?? "Fra"}"
+          aria-label="${this.label} ${this.pktStrings.get("generic").from}"
           .value=${this.value[0] ?? ""}
           min=${l(this.min)}
           max=${l(this.max)}
@@ -697,7 +696,7 @@ var Z = class extends Y {
 			this.dispatchInput(e), e.stopImmediatePropagation();
 		}}
           @focus=${() => {
-			this.dispatchFocus(), j() && this.dispatchToggleCalendar(new Event("focus"));
+			this.dispatchFocus(), k() && this.dispatchToggleCalendar(new Event("focus"));
 		}}
           @blur=${(e) => {
 			this.dispatchBlur(e), this.dispatchEvent(new CustomEvent("range-blur", {
@@ -715,15 +714,15 @@ var Z = class extends Y {
 		}}
           ${u(this.inputRef)}
         />
-        <div class="${s(e)}" id="${this.id}-to-label">
-          ${this.strings.generic?.to}
+        <div class="${c(t)}" id="${this.id}-to-label">
+          ${this.pktStrings.get("generic").to}
         </div>
-        ${this.showRangeLabels ? t : i` <div class="pkt-input-separator">–</div> `}
+        ${this.showRangeLabels ? n : e` <div class="pkt-input-separator">–</div> `}
         <input
-          class=${s(this.inputClasses)}
+          class=${c(this.inputClasses)}
           .type=${this.inputType}
           id="${this.id}-to"
-          aria-label="${this.label} ${this.strings.generic?.to ?? "Til"}"
+          aria-label="${this.label} ${this.pktStrings.get("generic").to}"
           .value=${this.value[1] ?? ""}
           min=${l(this.min)}
           max=${l(this.max)}
@@ -741,7 +740,7 @@ var Z = class extends Y {
 			this.dispatchInput(e), e.stopImmediatePropagation();
 		}}
           @focus=${() => {
-			this.dispatchFocus(), j() && this.dispatchToggleCalendar(new Event("focus"));
+			this.dispatchFocus(), k() && this.dispatchToggleCalendar(new Event("focus"));
 		}}
           @blur=${(e) => {
 			this.dispatchBlur(e), this.dispatchEvent(new CustomEvent("range-blur", {
@@ -764,9 +763,9 @@ var Z = class extends Y {
     `;
 	}
 };
-n([r({ type: Array })], Z.prototype, "value", void 0), n([r({ type: String })], Z.prototype, "label", void 0), n([r({ type: Boolean })], Z.prototype, "showRangeLabels", void 0), n([r({ type: Object })], Z.prototype, "strings", void 0);
+i([s({ type: Array })], Z.prototype, "value", void 0), i([s({ type: String })], Z.prototype, "label", void 0), i([s({ type: Boolean })], Z.prototype, "showRangeLabels", void 0);
 try {
-	a("pkt-datepicker-range")(Z);
+	t("pkt-datepicker-range")(Z);
 } catch {
 	console.warn("Forsøker å definere <pkt-datepicker-range>, men den er allerede definert");
 }
@@ -774,7 +773,7 @@ try {
 //#region src/components/datepicker/datepicker-multiple.ts
 var Q = class extends Y {
 	constructor(...e) {
-		super(...e), this.value = [], this.strings = D;
+		super(...e), this.value = [];
 	}
 	get isInputDisabled() {
 		return this.disabled || this.maxlength !== void 0 && this.maxlength !== null && this.value.length >= this.maxlength;
@@ -787,10 +786,10 @@ var Q = class extends Y {
 		}));
 	}
 	render() {
-		return i`
+		return e`
       <div class="pkt-input__container">
         <input
-          class=${s(this.inputClasses)}
+          class=${c(this.inputClasses)}
           .type=${this.inputType}
           id="${this.id}-input"
           min=${l(this.min)}
@@ -811,7 +810,7 @@ var Q = class extends Y {
 			this.dispatchInput(e), e.stopImmediatePropagation();
 		}}
           @focus=${() => {
-			this.dispatchFocus(), j() && this.dispatchToggleCalendar(new Event("focus"));
+			this.dispatchFocus(), k() && this.dispatchToggleCalendar(new Event("focus"));
 		}}
           @keydown=${(e) => q.handleInputKeydown(e, (e) => this.dispatchToggleCalendar(e), () => U.submitFormOrFallback(this.internals, () => this.inputRef.value?.blur()), void 0, void 0, (e) => this.dispatchAddToSelected(e))}
           @change=${(e) => {
@@ -824,9 +823,9 @@ var Q = class extends Y {
     `;
 	}
 };
-n([r({ type: Array })], Q.prototype, "value", void 0), n([r({ type: Number })], Q.prototype, "maxlength", void 0), n([r({ type: Object })], Q.prototype, "strings", void 0);
+i([s({ type: Array })], Q.prototype, "value", void 0), i([s({ type: Number })], Q.prototype, "maxlength", void 0);
 try {
-	a("pkt-datepicker-multiple")(Q);
+	t("pkt-datepicker-multiple")(Q);
 } catch {
 	console.warn("Forsøker å definere <pkt-datepicker-multiple>, men den er allerede definert");
 }
@@ -834,7 +833,7 @@ try {
 //#region src/components/datepicker/datepicker.ts
 var $ = class extends E {
 	constructor(...e) {
-		super(...e), this._valueProperty = "", this._valueProcessing = !1, this.datepickerPopupRef = d(), this._value = [], this.label = "Datovelger", this.dateformat = A.props.dateformat.default, this.multiple = A.props.multiple.default, this.maxlength = null, this.range = A.props.range.default, this.showRangeLabels = !1, this.min = null, this.max = null, this.weeknumbers = A.props.weeknumbers.default, this.withcontrols = A.props.withcontrols.default, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.today = null, this.calendarOpen = !1, this.timezone = "Europe/Oslo", this.inputClasses = {}, this.calRef = d(), this.popupRef = d(), this.singleInputRef = d(), this.rangeInputRef = d(), this.multipleInputRef = d(), this.addToSelected = (e) => {
+		super(...e), this._valueProperty = "", this._valueProcessing = !1, this.datepickerPopupRef = d(), this._value = [], this.label = "Datovelger", this.dateformat = O.props.dateformat.default, this.multiple = O.props.multiple.default, this.maxlength = null, this.range = O.props.range.default, this.showRangeLabels = !1, this.min = null, this.max = null, this.weeknumbers = O.props.weeknumbers.default, this.withcontrols = O.props.withcontrols.default, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.today = null, this.calendarOpen = !1, this.timezone = "Europe/Oslo", this.inputClasses = {}, this.calRef = d(), this.popupRef = d(), this.singleInputRef = d(), this.rangeInputRef = d(), this.multipleInputRef = d(), this.addToSelected = (e) => {
 			let t = this.datepickerPopupRef.value;
 			return t && typeof t.addToSelected == "function" ? t.addToSelected(e, this.min, this.max) : W.addToSelected(e, this.calRef, this.min, this.max);
 		};
@@ -905,7 +904,7 @@ var $ = class extends E {
 		return { value: this.currentButtonElement };
 	}
 	renderInput() {
-		return i`
+		return e`
       <pkt-datepicker-single
         .value=${this._value[0] ?? ""}
         .inputType=${this.inputType}
@@ -937,7 +936,7 @@ var $ = class extends E {
     `;
 	}
 	renderRangeInput() {
-		return i`
+		return e`
       <pkt-datepicker-range
         .value=${this._value}
         .inputType=${this.inputType}
@@ -973,7 +972,7 @@ var $ = class extends E {
 		}}
         @manage-validity=${(e) => this.manageValidity(e.detail)}
         @validate-date-input=${(e) => {
-			U.validateDateInput(e.detail, this.internals, this.min, this.max, this.strings);
+			U.validateDateInput(e.detail, this.internals, this.min, this.max, this.pktStrings.get("validation"));
 		}}
         @handle-date-select=${(e) => {
 			let t = b(e.detail);
@@ -990,7 +989,7 @@ var $ = class extends E {
     `;
 	}
 	renderMultipleInput() {
-		return i`
+		return e`
       <pkt-datepicker-multiple
         .value=${this._value}
         .inputType=${this.inputType}
@@ -1020,7 +1019,7 @@ var $ = class extends E {
     `;
 	}
 	renderCalendar() {
-		return i`
+		return e`
       <pkt-datepicker-popup
         class="pkt-contents"
         ?open=${this.calendarOpen}
@@ -1047,8 +1046,9 @@ var $ = class extends E {
     `;
 	}
 	render() {
-		return this.inputClasses = G.getInputClasses(this.fullwidth, this.showRangeLabels, this.multiple, this.range, this.readonly, this.inputType, this.inputSize), i`
+		return this.inputClasses = G.getInputClasses(this.fullwidth, this.showRangeLabels, this.multiple, this.range, this.readonly, this.inputType, this.inputSize), e`
       <pkt-input-wrapper
+        .strings=${this.strings}
         label="${this.label}"
         forId="${this.id}-input"
         ?counter=${this.multiple && !!this.maxlength}
@@ -1072,8 +1072,8 @@ var $ = class extends E {
         .ariaDescribedby=${this.ariaDescribedby}
         .size=${this.inputSize}
       >
-        <div class="pkt-contents" slot="helptext">${c(this, "helptext")}</div>
-        ${this.multiple ? i`<pkt-date-tags
+        <div class="pkt-contents" slot="helptext">${ee(this, "helptext")}</div>
+        ${this.multiple ? e`<pkt-date-tags
               .dates=${this._value}
               dateformat=${this.dateformat}
               strings=${this.strings}
@@ -1082,7 +1082,7 @@ var $ = class extends E {
 			let t = this.datepickerPopupRef.value, n = b(e.detail);
 			t && n && typeof t.handleDateSelect == "function" ? t.handleDateSelect(n) : this.calRef.value?.handleDateSelect(n);
 		}}
-            ></pkt-date-tags>` : t}
+            ></pkt-date-tags>` : n}
         <div class="pkt-datepicker__inputs ${this.range ? "pkt-input__range-inputs" : ""}">
           ${this.range ? this.renderRangeInput() : this.multiple ? this.renderMultipleInput() : this.renderInput()}
         </div>
@@ -1097,10 +1097,10 @@ var $ = class extends E {
 	async showCalendar() {
 		let e = this.datepickerPopupRef.value;
 		if (this.calendarOpen = !0, e && typeof e.show == "function") {
-			e.show(), j() && e.focusOnCurrentDate();
+			e.show(), k() && e.focusOnCurrentDate();
 			return;
 		}
-		await T(20), this.handleCalendarPosition(), j() && this.calRef.value?.focusOnCurrentDate();
+		await T(20), this.handleCalendarPosition(), k() && this.calRef.value?.focusOnCurrentDate();
 	}
 	hideCalendar() {
 		let e = this.datepickerPopupRef.value;
@@ -1127,42 +1127,42 @@ var $ = class extends E {
 		}));
 	}
 };
-n([r({
+i([s({
 	type: String,
 	reflect: !0
-})], $.prototype, "value", null), n([r({
+})], $.prototype, "value", null), i([s({
 	type: String,
 	reflect: !0
-})], $.prototype, "label", void 0), n([r({ type: String })], $.prototype, "dateformat", void 0), n([r({
+})], $.prototype, "label", void 0), i([s({ type: String })], $.prototype, "dateformat", void 0), i([s({
 	type: Boolean,
 	reflect: !0
-})], $.prototype, "multiple", void 0), n([r({
+})], $.prototype, "multiple", void 0), i([s({
 	type: Number,
 	reflect: !0
-})], $.prototype, "maxlength", void 0), n([r({
+})], $.prototype, "maxlength", void 0), i([s({
 	type: Boolean,
 	reflect: !0
-})], $.prototype, "range", void 0), n([r({
+})], $.prototype, "range", void 0), i([s({
 	type: Boolean,
 	attribute: "show-range-labels"
-})], $.prototype, "showRangeLabels", void 0), n([r({
+})], $.prototype, "showRangeLabels", void 0), i([s({
 	type: String,
 	reflect: !0
-})], $.prototype, "min", void 0), n([r({
+})], $.prototype, "min", void 0), i([s({
 	type: String,
 	reflect: !0
-})], $.prototype, "max", void 0), n([r({ type: Boolean })], $.prototype, "weeknumbers", void 0), n([r({
+})], $.prototype, "max", void 0), i([s({ type: Boolean })], $.prototype, "weeknumbers", void 0), i([s({
 	type: Boolean,
 	reflect: !0
-})], $.prototype, "withcontrols", void 0), n([r({ converter: x.csvToArray })], $.prototype, "excludedates", void 0), n([r({ converter: x.csvToArray })], $.prototype, "excludeweekdays", void 0), n([r({ type: String })], $.prototype, "currentmonth", void 0), n([r({ type: String })], $.prototype, "today", void 0), n([r({
+})], $.prototype, "withcontrols", void 0), i([s({ converter: x.csvToArray })], $.prototype, "excludedates", void 0), i([s({ converter: x.csvToArray })], $.prototype, "excludeweekdays", void 0), i([s({ type: String })], $.prototype, "currentmonth", void 0), i([s({ type: String })], $.prototype, "today", void 0), i([s({
 	type: Boolean,
 	reflect: !0,
 	attribute: "calendar-open"
-})], $.prototype, "calendarOpen", void 0), n([r({ type: String })], $.prototype, "timezone", void 0), n([e()], $.prototype, "inputClasses", void 0);
+})], $.prototype, "calendarOpen", void 0), i([s({ type: String })], $.prototype, "timezone", void 0), i([r()], $.prototype, "inputClasses", void 0);
 try {
-	a("pkt-datepicker")($);
+	t("pkt-datepicker")($);
 } catch {
 	console.warn("Forsøker å definere <pkt-datepicker>, men den er allerede definert");
 }
 //#endregion
-export { k as a, X as i, Q as n, Z as r, $ as t };
+export { D as a, X as i, Q as n, Z as r, $ as t };