@oslokommune/punkt-elements 19.18.0 → 19.18.2

package/dist/{datepicker-DTcow1ih.js → datepicker-C8DQaZa8.js}

@@ -1,20 +1,20 @@
 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-ckeMVgMz.js";
 import { t as c } from "./class-map-BkEYw5uE.js";
-import { n as ee } from "./element-with-slot-C0bH0T0H.js";
-import "./icon-CLMJYuTL.js";
-import "./input-wrapper-BSjQc4Vx.js";
-import "./calendar-BQCjUQvP.js";
-import { t as l } from "./if-defined-D18nY_K_.js";
-import { n as u, t as d } from "./ref-D4OwQYdf.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-CYgQrWVm.js";
-import "./tag-BPvGZcKf.js";
-import { t as C } from "./repeat-BGbBqnfz.js";
-import { n as w, t as T } from "./utils-BwF4QSrq.js";
-import { t as E } from "./input-element-0yYtRu0p.js";
+import { n as l } from "./element-with-slot-Dp2Gzv-Q.js";
+import "./icon-D3XT49vM.js";
+import "./input-wrapper-BttEKK9G.js";
+import "./calendar-C8maj_iv.js";
+import { t as u } from "./if-defined-D18nY_K_.js";
+import { n as d, t as f } from "./ref-D4OwQYdf.js";
+import { a as p, c as m, d as h, h as g, i as _, m as v, n as y, r as b, s as x, t as S, u as ee } from "./converters-CYgQrWVm.js";
+import "./tag-BswfpmoV.js";
+import { t as te } from "./repeat-BGbBqnfz.js";
+import { n as C, t as w } from "./utils-BwF4QSrq.js";
+import { t as T } from "./input-element-JH4qPly5.js";
 //#region src/components/datepicker/date-tags.ts
-var D = class extends o {
+var E = class extends o {
 	constructor(...e) {
-		super(...e), this.dates = [], this.dateformat = "dd.MM.yyyy", this.className = "pkt-datepicker__tags", this.idBase = w();
+		super(...e), this.dates = [], this.dateformat = "dd.MM.yyyy", this.className = "pkt-datepicker__tags", this.idBase = C();
 	}
 	render() {
 		return this.classes = {
@@ -22,33 +22,33 @@ var D = class extends o {
 			[this.className]: !0
 		}, 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
+        ${Array.isArray(this.dates) && this.dates[0] ? te(g((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: t }));
 		}}
-                  .ariaLabel=${`${this.pktStrings.get("datepicker").deleteDate} ${p(t, this.dateformat)}`}
+                  .ariaLabel=${`${this.pktStrings.get("datepicker").deleteDate} ${m(t, this.dateformat)}`}
                 >
-                  <time datetime=${t}>${p(t, this.dateformat)}</time>
+                  <time datetime=${t}>${m(t, this.dateformat)}</time>
                 </pkt-tag>`) : n}
       </div>
     `;
 	}
 };
-i([s({ type: Array })], D.prototype, "dates", void 0), i([s({ type: String })], D.prototype, "dateformat", void 0), i([s({
+i([s({ type: Array })], E.prototype, "dates", void 0), i([s({ type: String })], E.prototype, "dateformat", void 0), i([s({
 	type: String,
 	attribute: "class"
-})], D.prototype, "className", void 0), i([s({
+})], E.prototype, "className", void 0), i([s({
 	type: String,
 	attribute: "id-base"
-})], D.prototype, "idBase", void 0);
+})], E.prototype, "idBase", void 0);
 try {
-	t("pkt-date-tags")(D);
+	t("pkt-date-tags")(E);
 } catch {
 	console.warn("Forsøker å definere <pkt-date-tags>, men den er allerede definert");
 }
-var O = {
+var D = {
 	name: "pkt-datepicker",
 	react: "PktDatepicker",
 	"css-class": "pkt-datepicker",
@@ -335,10 +335,10 @@ var O = {
 			description: "Returnerer en <code>string[]</code> med valgte datoer i ISO-format. I range-modus utløses kun når begge datoer er valgt."
 		}
 	}
-}, k = () => {
+}, O = () => {
 	let e = navigator.userAgent;
 	return !!(/iP(hone|od|ad)/.test(e) || /Macintosh/.test(e) && "ontouchend" in document);
-}, 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") => ({
+}, k = () => O() ? "text" : "date", A = (e) => !e || e.length !== 2 || ee(e[0], e[1]), j = (e) => g(e), M = (e, t, n, r, i) => _(e, t, n, r, i), N = (e, t, n, r, i, a, o = "medium") => ({
 	"pkt-input": !0,
 	"pkt-datepicker__input": !0,
 	[`pkt-input--${o}`]: !0,
@@ -347,31 +347,31 @@ var O = {
 	"pkt-datepicker--multiple": n,
 	"pkt-datepicker--range": r,
 	"ios-readonly-hack": i === !1 && a === "text"
-}), F = (e = "medium") => ({
+}), P = (e = "medium") => ({
 	"pkt-input-icon": !0,
 	"pkt-btn": !0,
 	"pkt-btn--icon-only": !0,
 	"pkt-btn--tertiary": !0,
 	[`pkt-btn--${e}`]: !0,
 	"pkt-datepicker__calendar-button": !0
-}), I = (e) => ({
+}), F = (e) => ({
 	"pkt-input-prefix": e,
 	"pkt-hide": !e
-}), L = (e, t, n) => !t && !n ? Array.isArray(e) ? e[0] || "" : e : Array.isArray(e) ? e.join(",") : e, R = (e, t, n = !1) => {
+}), I = (e, t, n) => !t && !n ? Array.isArray(e) ? e[0] || "" : e : Array.isArray(e) ? e.join(",") : e, L = (e, t, n = !1) => {
 	if (!e || !t) return;
 	let r = t.parentElement?.getBoundingClientRect() || t.getBoundingClientRect(), i = n ? r.height + 30 : r.height, a = e.getBoundingClientRect().height, o = n ? "calc(100% - 30px)" : "100%";
 	r && typeof window < "u" && r.top + a > window.innerHeight && r.top - a > 0 && (o = `calc(100% - ${i}px - ${a}px)`), e.style.top = o;
-}, z = (e, t, n, r, i, a) => {
+}, R = (e, t, n, r, i, a) => {
 	let { key: o } = e;
 	o === "," && (e.preventDefault(), a ? a(e) : i && i()), (o === "Space" || o === " ") && (e.preventDefault(), t(e)), o === "Enter" && (e.preventDefault(), n ? n() : r ? r() : i && i());
-}, B = (e, t) => {
+}, z = (e, t) => {
 	let { key: n } = e;
 	(n === "Enter" || n === " " || n === "Space") && (e.preventDefault(), t(e));
-}, V = {
-	validateRangeOrder: j,
-	sortDates: M,
-	filterSelectableDates: N
-}, H = { getInputType: A }, U = {
+}, B = {
+	validateRangeOrder: A,
+	sortDates: j,
+	filterSelectableDates: M
+}, V = { getInputType: k }, H = {
 	submitForm(e) {
 		let t = e.internals?.form;
 		t && t.requestSubmit();
@@ -389,22 +389,22 @@ var O = {
 		};
 		n && n > o ? t.setValidity({ rangeUnderflow: !0 }, s.dateUnderflow, e) : r && r < o && t.setValidity({ rangeOverflow: !0 }, s.dateOverflow, e);
 	}
-}, W = {
+}, U = {
 	addToSelected(e, t, n, r) {
 		let i = e.target;
 		if (!i.value) return;
-		let a = n ? m(n) : null, o = r ? m(r) : null, s = m(i.value.split(",")[0]);
+		let a = n ? h(n) : null, o = r ? h(r) : null, s = h(i.value.split(",")[0]);
 		s && !isNaN(s.getTime()) && (!a || s >= a) && (!o || s <= o) && t.value && t.value.handleDateSelect(s), i.value = "";
 	},
 	handleCalendarPosition(e, t, n = !1) {
-		R(e.value ?? null, t.value ?? null, n);
+		L(e.value ?? null, t.value ?? null, n);
 	}
+}, W = {
+	getInputClasses: N,
+	getButtonClasses: P,
+	getRangeLabelClasses: F
 }, G = {
-	getInputClasses: P,
-	getButtonClasses: F,
-	getRangeLabelClasses: I
-}, K = {
-	processDateSelection: L,
+	processDateSelection: I,
 	updateInputValues(e, t, n, r, i, a) {
 		e.value && (r && t?.value ? (e.value.value = n[0] ?? "", t.value.value = n[1] ?? "", a(e.value), a(t.value)) : i || (e.value.value = n.length ? n[0] : "", a(e.value)));
 	},
@@ -412,16 +412,16 @@ var O = {
 		let a = e.target;
 		if (a.value) {
 			i(a);
-			let e = b(a.value);
+			let e = x(a.value);
 			e && n?.value?.handleDateSelect(e);
 		} else t[0] && r();
 	}
-}, q = {
-	handleInputKeydown: z,
-	handleButtonKeydown: B
-}, J = class extends o {
+}, K = {
+	handleInputKeydown: R,
+	handleButtonKeydown: z
+}, q = class extends o {
 	constructor(...e) {
-		super(...e), this.open = !1, this.multiple = !1, this.range = !1, this.weeknumbers = !1, this.withcontrols = !1, this.maxMultiple = null, this.selected = [], this.earliest = null, this.latest = null, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.today = null, this._hasBeenOpened = !1, this.popupRef = d(), this.calendarRef = d(), this.handleDocumentClick = (e) => {
+		super(...e), this.open = !1, this.multiple = !1, this.range = !1, this.weeknumbers = !1, this.withcontrols = !1, this.maxMultiple = null, this.selected = [], this.earliest = null, this.latest = null, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.today = null, this._hasBeenOpened = !1, this.popupRef = f(), this.calendarRef = f(), this.handleDocumentClick = (e) => {
 			if (!this.open) return;
 			let t = e.composedPath(), n = this.parentElement, r = this.popupRef.value;
 			!t.includes(this) && !t.includes(r) && !(n && t.includes(n)) && (this.hide(), this.dispatchEvent(new CustomEvent("close", {
@@ -461,16 +461,16 @@ var O = {
 		e && typeof e.focusOnCurrentDate == "function" && e.focusOnCurrentDate();
 	}
 	addToSelected(e, t, n) {
-		if (this.calendarRef.value && typeof W.addToSelected == "function") return W.addToSelected(e, this.calendarRef, t, n);
+		if (this.calendarRef.value && typeof U.addToSelected == "function") return U.addToSelected(e, this.calendarRef, t, n);
 		let r = e.target;
 		if (!r.value) return;
-		let i = t ? m(t) : null, a = n ? m(n) : null, o = m(r.value.split(",")[0]);
+		let i = t ? h(t) : null, a = n ? h(n) : null, o = h(r.value.split(",")[0]);
 		o && !isNaN(o.getTime()) && (!i || o >= i) && (!a || o <= a) && this.handleDateSelect(o), r.value = "";
 	}
 	handleDateSelect(e) {
 		let t = this.calendarRef.value;
 		if (t && typeof t.handleDateSelect == "function") return t.handleDateSelect(e);
-		let n = f(e), r = this.selected.indexOf(n) >= 0 ? this.selected.filter((e) => e !== n) : [...this.selected, n];
+		let n = p(e), r = this.selected.indexOf(n) >= 0 ? this.selected.filter((e) => e !== n) : [...this.selected, n];
 		this.selected = r, this.dispatchEvent(new CustomEvent("date-selected", {
 			detail: r,
 			bubbles: !0,
@@ -486,13 +486,13 @@ var O = {
 		return e`
       <div
         class="${c(t)}"
-        ${u(this.popupRef)}
+        ${d(this.popupRef)}
         id="date-popup"
         ?hidden=${!this.open}
         aria-hidden="${!this.open}"
       >
         ${this.open || this._hasBeenOpened ? e`<pkt-calendar
-              ${u(this.calendarRef)}
+              ${d(this.calendarRef)}
               ?multiple=${this.multiple}
               ?range=${this.range}
               ?weeknumbers=${this.weeknumbers}
@@ -526,17 +526,17 @@ var O = {
 i([s({
 	type: Boolean,
 	reflect: !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);
+})], q.prototype, "open", void 0), i([s({ type: Boolean })], q.prototype, "multiple", void 0), i([s({ type: Boolean })], q.prototype, "range", void 0), i([s({ type: Boolean })], q.prototype, "weeknumbers", void 0), i([s({ type: Boolean })], q.prototype, "withcontrols", void 0), i([s({ type: Number })], q.prototype, "maxMultiple", void 0), i([s({ type: Array })], q.prototype, "selected", void 0), i([s({ type: String })], q.prototype, "earliest", void 0), i([s({ type: String })], q.prototype, "latest", void 0), i([s({ type: Array })], q.prototype, "excludedates", void 0), i([s({ type: Array })], q.prototype, "excludeweekdays", void 0), i([s({ type: String })], q.prototype, "currentmonth", void 0), i([s({ type: String })], q.prototype, "today", void 0), i([r()], q.prototype, "_hasBeenOpened", void 0);
 try {
-	t("pkt-datepicker-popup")(J);
+	t("pkt-datepicker-popup")(q);
 } catch {
 	console.warn("Forsøker å definere <pkt-datepicker-popup>, men den er allerede definert");
 }
 //#endregion
 //#region src/components/datepicker/datepicker-base.ts
-var Y = class extends o {
+var J = class extends o {
 	constructor(...e) {
-		super(...e), this.inputType = "date", this.id = "", this.readonly = !1, this.disabled = !1, this.inputClasses = {}, this.inputSize = "medium", this.hasError = !1, this.hasHelptext = !1, this.inputRef = d(), this.btnRef = d();
+		super(...e), this.inputType = "date", this.id = "", this.readonly = !1, this.disabled = !1, this.inputClasses = {}, this.inputSize = "medium", this.hasError = !1, this.hasHelptext = !1, this.inputRef = f(), this.btnRef = f();
 	}
 	get describedBy() {
 		return this.hasHelptext ? `${this.id}-input-helptext` : void 0;
@@ -590,7 +590,7 @@ var Y = class extends o {
 	renderCalendarButton() {
 		return e`
       <button
-        class="${c(G.getButtonClasses(this.inputSize))}"
+        class="${c(W.getButtonClasses(this.inputSize))}"
         type="button"
         @click=${(e) => this.dispatchToggleCalendar(e)}
         @keydown=${(e) => {
@@ -609,10 +609,10 @@ var Y = class extends o {
 		return this;
 	}
 };
-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), i([s({ type: Boolean })], Y.prototype, "hasError", void 0), i([s({ type: Boolean })], Y.prototype, "hasHelptext", void 0);
+i([s({ type: String })], J.prototype, "inputType", void 0), i([s({ type: String })], J.prototype, "id", void 0), i([s({ type: String })], J.prototype, "min", void 0), i([s({ type: String })], J.prototype, "max", void 0), i([s({ type: String })], J.prototype, "placeholder", void 0), i([s({ type: Boolean })], J.prototype, "readonly", void 0), i([s({ type: Boolean })], J.prototype, "disabled", void 0), i([s({ type: Object })], J.prototype, "inputClasses", void 0), i([s({ type: String })], J.prototype, "inputSize", void 0), i([s({ type: Object })], J.prototype, "internals", void 0), i([s({ type: Boolean })], J.prototype, "hasError", void 0), i([s({ type: Boolean })], J.prototype, "hasHelptext", void 0);
 //#endregion
 //#region src/components/datepicker/datepicker-single.ts
-var X = class extends Y {
+var Y = class extends J {
 	constructor(...e) {
 		super(...e), this.value = "";
 	}
@@ -631,13 +631,13 @@ var X = class extends Y {
           .type=${this.inputType}
           id="${this.id}-input"
           .value=${this.value}
-          min=${l(this.min)}
-          max=${l(this.max)}
-          placeholder=${l(this.placeholder)}
+          min=${u(this.min)}
+          max=${u(this.max)}
+          placeholder=${u(this.placeholder)}
           ?readonly=${this.isInputReadonly}
-          aria-describedby=${l(this.describedBy)}
+          aria-describedby=${u(this.describedBy)}
           aria-invalid=${this.hasError}
-          aria-errormessage=${l(this.errorMessageId)}
+          aria-errormessage=${u(this.errorMessageId)}
           @click=${(e) => {
 			e.preventDefault(), this.dispatchToggleCalendar(e);
 		}}
@@ -645,12 +645,12 @@ var X = class extends Y {
 			e.preventDefault(), this.dispatchToggleCalendar(e);
 		}}
           ?disabled=${this.disabled}
-          @keydown=${(e) => q.handleInputKeydown(e, (e) => this.dispatchToggleCalendar(e), () => U.submitFormOrFallback(this.internals, () => this.inputRef.value?.blur()), void 0, () => this.inputRef.value?.blur())}
+          @keydown=${(e) => K.handleInputKeydown(e, (e) => this.dispatchToggleCalendar(e), () => H.submitFormOrFallback(this.internals, () => this.inputRef.value?.blur()), void 0, () => this.inputRef.value?.blur())}
           @input=${(e) => {
 			this.dispatchInput(e), e.stopImmediatePropagation();
 		}}
           @focus=${() => {
-			this.dispatchFocus(), k() && this.dispatchToggleCalendar(new Event("focus"));
+			this.dispatchFocus(), O() && this.dispatchToggleCalendar(new Event("focus"));
 		}}
           @blur=${(e) => {
 			this.dispatchBlur(e), this.dispatchManageValidity(e.target), this.dispatchEvent(new CustomEvent("value-change", {
@@ -662,45 +662,45 @@ var X = class extends Y {
           @change=${(e) => {
 			this.dispatchChange(e), e.stopImmediatePropagation();
 		}}
-          ${u(this.inputRef)}
+          ${d(this.inputRef)}
         />
         ${this.renderCalendarButton()}
       </div>
     `;
 	}
 };
-i([s({ type: String })], X.prototype, "value", void 0);
+i([s({ type: String })], Y.prototype, "value", void 0);
 try {
-	t("pkt-datepicker-single")(X);
+	t("pkt-datepicker-single")(Y);
 } catch {
 	console.warn("Forsøker å definere <pkt-datepicker-single>, men den er allerede definert");
 }
 //#endregion
 //#region src/components/datepicker/datepicker-range.ts
-var Z = class extends Y {
+var X = class extends J {
 	constructor(...e) {
-		super(...e), this.value = [], this.label = "", this.showRangeLabels = !1, this.inputRefTo = d();
+		super(...e), this.value = [], this.label = "", this.showRangeLabels = !1, this.inputRefTo = f();
 	}
 	get inputElementTo() {
 		return this.inputRefTo.value;
 	}
 	render() {
-		let t = G.getRangeLabelClasses(this.showRangeLabels);
+		let t = W.getRangeLabelClasses(this.showRangeLabels);
 		return e`
       <div class="pkt-input__container">
         ${this.showRangeLabels ? e` <div class="pkt-input-prefix">${this.pktStrings.get("generic").from}</div> ` : n}
         <input
-          aria-describedby=${l(this.describedBy)}
+          aria-describedby=${u(this.describedBy)}
           aria-invalid=${this.hasError}
-          aria-errormessage=${l(this.errorMessageId)}
+          aria-errormessage=${u(this.errorMessageId)}
           class=${c(this.inputClasses)}
           .type=${this.inputType}
           id="${this.id}-input"
           aria-label="${this.label} ${this.pktStrings.get("generic").from}"
           .value=${this.value[0] ?? ""}
-          min=${l(this.min)}
-          max=${l(this.max)}
-          placeholder=${l(this.placeholder)}
+          min=${u(this.min)}
+          max=${u(this.max)}
+          placeholder=${u(this.placeholder)}
           ?readonly=${this.isInputReadonly}
           ?disabled=${this.disabled}
           @click=${(e) => {
@@ -709,12 +709,12 @@ var Z = class extends Y {
           @touchend=${(e) => {
 			e.preventDefault(), this.dispatchToggleCalendar(e);
 		}}
-          @keydown=${(e) => q.handleInputKeydown(e, (e) => this.dispatchToggleCalendar(e), () => U.submitFormOrFallback(this.internals, () => this.inputRefTo.value?.focus()), () => this.inputRefTo.value?.focus(), () => this.inputRef.value?.blur())}
+          @keydown=${(e) => K.handleInputKeydown(e, (e) => this.dispatchToggleCalendar(e), () => H.submitFormOrFallback(this.internals, () => this.inputRefTo.value?.focus()), () => this.inputRefTo.value?.focus(), () => this.inputRef.value?.blur())}
           @input=${(e) => {
 			this.dispatchInput(e), e.stopImmediatePropagation();
 		}}
           @focus=${() => {
-			this.dispatchFocus(), k() && this.dispatchToggleCalendar(new Event("focus"));
+			this.dispatchFocus(), O() && this.dispatchToggleCalendar(new Event("focus"));
 		}}
           @blur=${(e) => {
 			this.dispatchBlur(e), this.dispatchEvent(new CustomEvent("range-blur", {
@@ -730,24 +730,24 @@ var Z = class extends Y {
           @change=${(e) => {
 			this.dispatchChange(e), e.stopImmediatePropagation();
 		}}
-          ${u(this.inputRef)}
+          ${d(this.inputRef)}
         />
         <div class="${c(t)}" id="${this.id}-to-label">
           ${this.pktStrings.get("generic").to}
         </div>
         ${this.showRangeLabels ? n : e` <div class="pkt-input-separator">–</div> `}
         <input
-          aria-describedby=${l(this.describedBy)}
+          aria-describedby=${u(this.describedBy)}
           aria-invalid=${this.hasError}
-          aria-errormessage=${l(this.errorMessageId)}
+          aria-errormessage=${u(this.errorMessageId)}
           class=${c(this.inputClasses)}
           .type=${this.inputType}
           id="${this.id}-to"
           aria-label="${this.label} ${this.pktStrings.get("generic").to}"
           .value=${this.value[1] ?? ""}
-          min=${l(this.min)}
-          max=${l(this.max)}
-          placeholder=${l(this.placeholder)}
+          min=${u(this.min)}
+          max=${u(this.max)}
+          placeholder=${u(this.placeholder)}
           ?readonly=${this.isInputReadonly}
           ?disabled=${this.disabled}
           @click=${(e) => {
@@ -756,12 +756,12 @@ var Z = class extends Y {
           @touchend=${(e) => {
 			e.preventDefault(), this.dispatchToggleCalendar(e);
 		}}
-          @keydown=${(e) => q.handleInputKeydown(e, (e) => this.dispatchToggleCalendar(e), () => U.submitFormOrFallback(this.internals, () => this.inputRefTo.value?.blur()), void 0, () => this.inputRefTo.value?.blur())}
+          @keydown=${(e) => K.handleInputKeydown(e, (e) => this.dispatchToggleCalendar(e), () => H.submitFormOrFallback(this.internals, () => this.inputRefTo.value?.blur()), void 0, () => this.inputRefTo.value?.blur())}
           @input=${(e) => {
 			this.dispatchInput(e), e.stopImmediatePropagation();
 		}}
           @focus=${() => {
-			this.dispatchFocus(), k() && this.dispatchToggleCalendar(new Event("focus"));
+			this.dispatchFocus(), O() && this.dispatchToggleCalendar(new Event("focus"));
 		}}
           @blur=${(e) => {
 			this.dispatchBlur(e), this.dispatchEvent(new CustomEvent("range-blur", {
@@ -777,22 +777,22 @@ var Z = class extends Y {
           @change=${(e) => {
 			this.dispatchChange(e), e.stopImmediatePropagation();
 		}}
-          ${u(this.inputRefTo)}
+          ${d(this.inputRefTo)}
         />
         ${this.renderCalendarButton()}
       </div>
     `;
 	}
 };
-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);
+i([s({ type: Array })], X.prototype, "value", void 0), i([s({ type: String })], X.prototype, "label", void 0), i([s({ type: Boolean })], X.prototype, "showRangeLabels", void 0);
 try {
-	t("pkt-datepicker-range")(Z);
+	t("pkt-datepicker-range")(X);
 } catch {
 	console.warn("Forsøker å definere <pkt-datepicker-range>, men den er allerede definert");
 }
 //#endregion
 //#region src/components/datepicker/datepicker-multiple.ts
-var Q = class extends Y {
+var Z = class extends J {
 	constructor(...e) {
 		super(...e), this.value = [];
 	}
@@ -810,15 +810,15 @@ var Q = class extends Y {
 		return e`
       <div class="pkt-input__container">
         <input
-          aria-describedby=${l(this.describedBy)}
+          aria-describedby=${u(this.describedBy)}
           aria-invalid=${this.hasError}
-          aria-errormessage=${l(this.errorMessageId)}
+          aria-errormessage=${u(this.errorMessageId)}
           class=${c(this.inputClasses)}
           .type=${this.inputType}
           id="${this.id}-input"
-          min=${l(this.min)}
-          max=${l(this.max)}
-          placeholder=${l(this.placeholder)}
+          min=${u(this.min)}
+          max=${u(this.max)}
+          placeholder=${u(this.placeholder)}
           ?readonly=${this.isInputReadonly}
           ?disabled=${this.isInputDisabled}
           @click=${(e) => {
@@ -834,32 +834,32 @@ var Q = class extends Y {
 			this.dispatchInput(e), e.stopImmediatePropagation();
 		}}
           @focus=${() => {
-			this.dispatchFocus(), k() && this.dispatchToggleCalendar(new Event("focus"));
+			this.dispatchFocus(), O() && 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))}
+          @keydown=${(e) => K.handleInputKeydown(e, (e) => this.dispatchToggleCalendar(e), () => H.submitFormOrFallback(this.internals, () => this.inputRef.value?.blur()), void 0, void 0, (e) => this.dispatchAddToSelected(e))}
           @change=${(e) => {
 			this.dispatchChange(e), e.stopImmediatePropagation();
 		}}
-          ${u(this.inputRef)}
+          ${d(this.inputRef)}
         />
         ${this.renderCalendarButton()}
       </div>
     `;
 	}
 };
-i([s({ type: Array })], Q.prototype, "value", void 0), i([s({ type: Number })], Q.prototype, "maxlength", void 0);
+i([s({ type: Array })], Z.prototype, "value", void 0), i([s({ type: Number })], Z.prototype, "maxlength", void 0);
 try {
-	t("pkt-datepicker-multiple")(Q);
+	t("pkt-datepicker-multiple")(Z);
 } catch {
 	console.warn("Forsøker å definere <pkt-datepicker-multiple>, men den er allerede definert");
 }
 //#endregion
 //#region src/components/datepicker/datepicker.ts
-var $ = class t extends E {
+var Q, $ = class t extends T {
 	constructor(...e) {
-		super(...e), this._valueProperty = "", 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) => {
+		super(...e), this._valueProperty = "", this.datepickerPopupRef = f(), this._value = [], this.label = "Datovelger", this.dateformat = D.props.dateformat.default, this.multiple = D.props.multiple.default, this.maxlength = null, this.range = D.props.range.default, this.showRangeLabels = !1, this.min = null, this.max = null, this.weeknumbers = D.props.weeknumbers.default, this.withcontrols = D.props.withcontrols.default, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.today = null, this.calendarOpen = !1, this.timezone = "Europe/Oslo", this.inputClasses = {}, this.calRef = f(), this.popupRef = f(), this.singleInputRef = f(), this.rangeInputRef = f(), this.multipleInputRef = f(), 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);
+			return t && typeof t.addToSelected == "function" ? t.addToSelected(e, this.min, this.max) : U.addToSelected(e, this.calRef, this.min, this.max);
 		};
 	}
 	get value() {
@@ -870,7 +870,7 @@ var $ = class t extends E {
 		n !== t && (this._valueProperty = n, this.requestUpdate("value", t));
 	}
 	get inputType() {
-		return H.getInputType();
+		return V.getInputType();
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.timezone && this.timezone !== window.pktTz && (window.pktTz = this.timezone);
@@ -885,22 +885,11 @@ var $ = class t extends E {
 		e !== t && (this.value = e ?? "", this.deriveValue(t));
 	}
 	deriveValue(e) {
-		let t = y(this._valueProperty), n = this.multiple && t.length > 1 ? V.filterSelectableDates(t, this.min, this.max, this.excludedates, this.excludeweekdays) : t;
-		this.range && !V.validateRangeOrder(n) ? (this._valueProperty = "", super.valueChanged("", e), this._value = []) : (this._valueProperty = v(n), this.range && n.length === 1 || super.valueChanged(this._valueProperty, e), this._value = n);
+		let t = b(this._valueProperty), n = this.multiple && t.length > 1 ? B.filterSelectableDates(t, this.min, this.max, this.excludedates, this.excludeweekdays) : t;
+		this.range && !B.validateRangeOrder(n) ? (this._valueProperty = "", super.valueChanged("", e), this._value = []) : (this._valueProperty = y(n), this.range && n.length === 1 || super.valueChanged(this._valueProperty, e), this._value = n);
 	}
 	attributeChangedCallback(e, t, n) {
-		e === "excludedates" && typeof this.excludedates == "string" && (this.excludedates = y(n || "")), e === "excludeweekdays" && typeof this.excludeweekdays == "string" && (this.excludeweekdays = y(n || "")), super.attributeChangedCallback(e, t, n);
-	}
-	static {
-		this.DERIVED_FROM = [
-			"value",
-			"multiple",
-			"range",
-			"min",
-			"max",
-			"excludedates",
-			"excludeweekdays"
-		];
+		e === "excludedates" && typeof this.excludedates == "string" && (this.excludedates = b(n || "")), e === "excludeweekdays" && typeof this.excludeweekdays == "string" && (this.excludeweekdays = b(n || "")), super.attributeChangedCallback(e, t, n);
 	}
 	willUpdate(e) {
 		if (super.willUpdate(e), t.DERIVED_FROM.some((t) => e.has(t))) {
@@ -959,7 +948,7 @@ var $ = class t extends E {
         @input-changed=${() => {
 			this.touched = !0;
 		}}
-        ${u(this.singleInputRef)}
+        ${d(this.singleInputRef)}
       ></pkt-datepicker-single>
     `;
 	}
@@ -998,23 +987,23 @@ var $ = class t extends E {
 					t.length > 0 && (t[0] !== this._value[0] || t[1] !== this._value[1]) && (this._value = t, this.value = t.join(","));
 				}
 			}
-			K.processRangeBlur(e.detail.event, e.detail.values, this.calRef, () => this.clearInputValue(), (e) => this.manageValidity(e));
+			G.processRangeBlur(e.detail.event, e.detail.values, this.calRef, () => this.clearInputValue(), (e) => this.manageValidity(e));
 		}}
         @manage-validity=${(e) => this.manageValidity(e.detail)}
         @validate-date-input=${(e) => {
-			U.validateDateInput(e.detail, this.internals, this.min, this.max, this.pktStrings.get("validation"));
+			H.validateDateInput(e.detail, this.internals, this.min, this.max, this.pktStrings.get("validation"));
 		}}
         @handle-date-select=${(e) => {
-			let t = b(e.detail);
+			let t = x(e.detail);
 			if (t) {
-				let e = f(t);
+				let e = p(t);
 				this._value[0] !== e && this._value[1] !== e && this.calRef?.value?.handleDateSelect(t);
 			}
 		}}
         @input-changed=${() => {
 			this.touched = !0;
 		}}
-        ${u(this.rangeInputRef)}
+        ${d(this.rangeInputRef)}
       ></pkt-datepicker-range>
     `;
 	}
@@ -1046,7 +1035,7 @@ var $ = class t extends E {
         @input-changed=${() => {
 			this.touched = !0;
 		}}
-        ${u(this.multipleInputRef)}
+        ${d(this.multipleInputRef)}
       ></pkt-datepicker-multiple>
     `;
 	}
@@ -1065,22 +1054,22 @@ var $ = class t extends E {
         .latest=${this.max}
         .excludedates=${Array.isArray(this.excludedates) ? this.excludedates : this.excludedates.split(",")}
         .excludeweekdays=${this.excludeweekdays}
-        .currentmonth=${this.currentmonth ? _(this.currentmonth) : null}
+        .currentmonth=${this.currentmonth ? v(this.currentmonth) : null}
         .today=${this.today}
         @date-selected=${(e) => {
-			this.value = K.processDateSelection(e.detail, this.multiple, this.range), this._value = e.detail, K.updateInputValues(this.inputRef, this.inputRefTo, this._value, this.range, this.multiple, (e) => this.manageValidity(e));
+			this.value = G.processDateSelection(e.detail, this.multiple, this.range), this._value = e.detail, G.updateInputValues(this.inputRef, this.inputRefTo, this._value, this.range, this.multiple, (e) => this.manageValidity(e));
 		}}
         @close=${() => {
 			this.onBlur(), this.hideCalendar();
 		}}
-        ${u(this.datepickerPopupRef)}
+        ${d(this.datepickerPopupRef)}
       ></pkt-datepicker-popup>
     `;
 	}
 	render() {
-		return this.inputClasses = G.getInputClasses(this.fullwidth, this.showRangeLabels, this.multiple, this.range, this.readonly, this.inputType, this.inputSize), e`
+		return this.inputClasses = W.getInputClasses(this.fullwidth, this.showRangeLabels, this.multiple, this.range, this.readonly, this.inputType, this.inputSize), e`
       <pkt-input-wrapper
-        ${ee(this, ["helptext"])}
+        ${l(this, ["helptext"])}
         .strings=${this.strings}
         label="${this.label}"
         forId="${this.id}-input"
@@ -1111,7 +1100,7 @@ var $ = class t extends E {
               strings=${this.strings}
               id-base=${this.id}
               @date-tag-removed=${(e) => {
-			let t = this.datepickerPopupRef.value, n = b(e.detail);
+			let t = this.datepickerPopupRef.value, n = x(e.detail);
 			t && n && typeof t.handleDateSelect == "function" ? t.handleDateSelect(n) : this.calRef.value?.handleDateSelect(n);
 		}}
             ></pkt-date-tags>` : n}
@@ -1124,11 +1113,11 @@ var $ = class t extends E {
 	}
 	handleCalendarPosition() {
 		let e = this.multiple && !!this.maxlength;
-		W.handleCalendarPosition(this.popupRef, this.inputRef, e);
+		U.handleCalendarPosition(this.popupRef, this.inputRef, e);
 	}
 	async showCalendar() {
 		let e = this.datepickerPopupRef.value;
-		this.calendarOpen = !0, e && typeof e.show == "function" ? (e.show(), k() && e.focusOnCurrentDate()) : (await T(20), this.handleCalendarPosition(), k() && this.calRef.value?.focusOnCurrentDate());
+		this.calendarOpen = !0, e && typeof e.show == "function" ? (e.show(), O() && e.focusOnCurrentDate()) : (await w(20), this.handleCalendarPosition(), O() && this.calRef.value?.focusOnCurrentDate());
 	}
 	hideCalendar() {
 		let e = this.datepickerPopupRef.value;
@@ -1153,7 +1142,15 @@ var $ = class t extends E {
 		}));
 	}
 };
-i([s({
+Q = $, Q.DERIVED_FROM = [
+	"value",
+	"multiple",
+	"range",
+	"min",
+	"max",
+	"excludedates",
+	"excludeweekdays"
+], i([s({
 	type: String,
 	reflect: !0
 })], $.prototype, "value", null), i([r()], $.prototype, "_value", void 0), i([s({
@@ -1180,7 +1177,7 @@ i([s({
 })], $.prototype, "max", void 0), i([s({ type: Boolean })], $.prototype, "weeknumbers", void 0), i([s({
 	type: Boolean,
 	reflect: !0
-})], $.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({
+})], $.prototype, "withcontrols", void 0), i([s({ converter: S.csvToArray })], $.prototype, "excludedates", void 0), i([s({ converter: S.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"
@@ -1191,4 +1188,4 @@ try {
 	console.warn("Forsøker å definere <pkt-datepicker>, men den er allerede definert");
 }
 //#endregion
-export { D as a, X as i, Q as n, Z as r, $ as t };
+export { E as a, Y as i, Z as n, X as r, $ as t };