@oslokommune/punkt-elements 20.0.3 → 20.1.0

package/dist/{datepicker-BpxUWiIC.js → datepicker-DHdFA8Dx.js}

@@ -1,36 +1,36 @@
-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-DLgZkx5L.js";
-import { t as c } from "./class-map-BDwVSgLb.js";
-import { n as l } from "./element-with-slot-mG-h7Sjw.js";
-import "./icon-C1oCGwEe.js";
-import "./input-wrapper-DkpJS1hR.js";
-import "./tag-Cam7ISOF.js";
-import "./calendar-BOd-9PDd.js";
-import { t as u } from "./if-defined-DiYi2v_Q.js";
-import { n as d, t as f } from "./ref-BAegS9BR.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 { t as te } from "./repeat-Cy1M16Di.js";
-import { n as C, t as w } from "./utils-BwF4QSrq.js";
-import { t as T } from "./input-element-De40zUox.js";
-//#region src/components/datepicker/date-tags.ts
+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-Bwc-likm.js";
+import { a as c, c as l, d as u, h as d, i as f, m as ee, n as p, r as m, s as h, t as g, u as _ } from "./converters-v_GK06o3.js";
+import { t as te } from "./input-element-DE0FzjgP.js";
+import { n as v, t as y } from "./ref-qE1RBrI7.js";
+import "./calendar-CkAAgviq.js";
+import "./icon-CZDw42U7.js";
+import "./input-wrapper-DYg1VHPv.js";
+import { t as b } from "./class-map-C9n5CNC8.js";
+import { t as x } from "./repeat-c2P6osbb.js";
+import "./tag-HXcXopyA.js";
+import { n as S, t as C } from "./utils-Dn5ykFtS.js";
+import { t as w } from "./if-defined-B3pYog2C.js";
+import { n as T } from "./element-with-slot-47quDZRt.js";
+// src/components/datepicker/date-tags.ts
 var E = class extends o {
 	constructor(...e) {
-		super(...e), this.dates = [], this.dateformat = "dd.MM.yyyy", this.className = "pkt-datepicker__tags", this.idBase = C();
+		super(...e), this.dates = [], this.dateformat = "dd.MM.yyyy", this.className = "pkt-datepicker__tags", this.idBase = S();
 	}
 	render() {
 		return this.classes = {
 			"pkt-date-tags": !0,
 			[this.className]: !0
 		}, e`
-      <div class=${c(this.classes)} aria-live="polite">
-        ${Array.isArray(this.dates) && this.dates[0] ? te(g((this.dates ?? []).filter(Boolean)), (e) => e, (t) => e` <pkt-tag
+      <div class=${b(this.classes)} aria-live="polite">
+        ${Array.isArray(this.dates) && this.dates[0] ? x(d((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} ${m(t, this.dateformat)}`}
+                  .ariaLabel=${`${this.pktStrings.get("datepicker").deleteDate} ${l(t, this.dateformat)}`}
                 >
-                  <time datetime=${t}>${m(t, this.dateformat)}</time>
+                  <time datetime=${t}>${l(t, this.dateformat)}</time>
                 </pkt-tag>`) : n}
       </div>
     `;
@@ -340,7 +340,7 @@ var D = {
 }, O = () => {
 	let e = navigator.userAgent;
 	return !!(/iP(hone|od|ad)/.test(e) || /Macintosh/.test(e) && "ontouchend" in document);
-}, 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") => ({
+}, k = () => O() ? "text" : "date", A = (e) => !e || e.length !== 2 || _(e[0], e[1]), j = (e) => d(e), M = (e, t, n, r, i) => f(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,
@@ -395,7 +395,7 @@ var D = {
 	addToSelected(e, t, n, r) {
 		let i = e.target;
 		if (!i.value) return;
-		let a = n ? h(n) : null, o = r ? h(r) : null, s = h(i.value.split(",")[0]);
+		let a = n ? u(n) : null, o = r ? u(r) : null, s = u(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) {
@@ -414,7 +414,7 @@ var D = {
 		let a = e.target;
 		if (a.value) {
 			i(a);
-			let e = x(a.value);
+			let e = h(a.value);
 			e && n?.value?.handleDateSelect(e);
 		} else t[0] && r();
 	}
@@ -423,10 +423,10 @@ var D = {
 	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 = f(), this.calendarRef = f(), 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 = y(), this.calendarRef = y(), 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", {
+			t.includes(this) || t.includes(r) || n && t.includes(n) || (this.hide(), this.dispatchEvent(new CustomEvent("close", {
 				bubbles: !0,
 				composed: !0
 			})));
@@ -469,13 +469,13 @@ var D = {
 		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 ? h(t) : null, a = n ? h(n) : null, o = h(r.value.split(",")[0]);
+		let i = t ? u(t) : null, a = n ? u(n) : null, o = u(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 = p(e), r = this.selected.indexOf(n) >= 0 ? this.selected.filter((e) => e !== n) : [...this.selected, n];
+		let n = c(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,
@@ -490,14 +490,14 @@ var D = {
 		};
 		return e`
       <div
-        class="${c(t)}"
-        ${d(this.popupRef)}
+        class="${b(t)}"
+        ${v(this.popupRef)}
         id="date-popup"
         ?hidden=${!this.open}
         aria-hidden="${!this.open}"
       >
         ${this.open || this._hasBeenOpened ? e`<pkt-calendar
-              ${d(this.calendarRef)}
+              ${v(this.calendarRef)}
               ?multiple=${this.multiple}
               ?range=${this.range}
               ?weeknumbers=${this.weeknumbers}
@@ -537,11 +537,10 @@ try {
 } catch {
 	console.warn("Forsøker å definere <pkt-datepicker-popup>, men den er allerede definert");
 }
-//#endregion
-//#region src/components/datepicker/datepicker-base.ts
+// src/components/datepicker/datepicker-base.ts
 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 = f(), this.btnRef = f();
+		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 = y(), this.btnRef = y();
 	}
 	get describedBy() {
 		return this.hasHelptext ? `${this.id}-input-helptext` : void 0;
@@ -595,7 +594,7 @@ var J = class extends o {
 	renderCalendarButton() {
 		return e`
       <button
-        class="${c(W.getButtonClasses(this.inputSize))}"
+        class="${b(W.getButtonClasses(this.inputSize))}"
         type="button"
         @click=${(e) => this.dispatchToggleCalendar(e)}
         @keydown=${(e) => {
@@ -615,8 +614,7 @@ var J = class extends o {
 	}
 };
 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
+// src/components/datepicker/datepicker-single.ts
 var Y = class extends J {
 	constructor(...e) {
 		super(...e), this.value = "";
@@ -632,17 +630,17 @@ var Y = class extends J {
 		return e`
       <div class="pkt-input__container">
         <input
-          class="${c(this.inputClasses)}"
+          class="${b(this.inputClasses)}"
           .type=${this.inputType}
           id="${this.id}-input"
           .value=${this.value}
-          min=${u(this.min)}
-          max=${u(this.max)}
-          placeholder=${u(this.placeholder)}
+          min=${w(this.min)}
+          max=${w(this.max)}
+          placeholder=${w(this.placeholder)}
           ?readonly=${this.isInputReadonly}
-          aria-describedby=${u(this.describedBy)}
+          aria-describedby=${w(this.describedBy)}
           aria-invalid=${this.hasError}
-          aria-errormessage=${u(this.errorMessageId)}
+          aria-errormessage=${w(this.errorMessageId)}
           @click=${(e) => {
 			e.preventDefault(), this.dispatchToggleCalendar(e);
 		}}
@@ -667,7 +665,7 @@ var Y = class extends J {
           @change=${(e) => {
 			this.dispatchChange(e), e.stopImmediatePropagation();
 		}}
-          ${d(this.inputRef)}
+          ${v(this.inputRef)}
         />
         ${this.renderCalendarButton()}
       </div>
@@ -680,11 +678,10 @@ try {
 } catch {
 	console.warn("Forsøker å definere <pkt-datepicker-single>, men den er allerede definert");
 }
-//#endregion
-//#region src/components/datepicker/datepicker-range.ts
+// src/components/datepicker/datepicker-range.ts
 var X = class extends J {
 	constructor(...e) {
-		super(...e), this.value = [], this.label = "", this.showRangeLabels = !1, this.inputRefTo = f();
+		super(...e), this.value = [], this.label = "", this.showRangeLabels = !1, this.inputRefTo = y();
 	}
 	get inputElementTo() {
 		return this.inputRefTo.value;
@@ -695,17 +692,17 @@ var X = class extends J {
       <div class="pkt-input__container">
         ${this.showRangeLabels ? e` <div class="pkt-input-prefix">${this.pktStrings.get("generic").from}</div> ` : n}
         <input
-          aria-describedby=${u(this.describedBy)}
+          aria-describedby=${w(this.describedBy)}
           aria-invalid=${this.hasError}
-          aria-errormessage=${u(this.errorMessageId)}
-          class=${c(this.inputClasses)}
+          aria-errormessage=${w(this.errorMessageId)}
+          class=${b(this.inputClasses)}
           .type=${this.inputType}
           id="${this.id}-input"
           aria-label="${this.label} ${this.pktStrings.get("generic").from}"
           .value=${this.value[0] ?? ""}
-          min=${u(this.min)}
-          max=${u(this.max)}
-          placeholder=${u(this.placeholder)}
+          min=${w(this.min)}
+          max=${w(this.max)}
+          placeholder=${w(this.placeholder)}
           ?readonly=${this.isInputReadonly}
           ?disabled=${this.disabled}
           @click=${(e) => {
@@ -735,24 +732,24 @@ var X = class extends J {
           @change=${(e) => {
 			this.dispatchChange(e), e.stopImmediatePropagation();
 		}}
-          ${d(this.inputRef)}
+          ${v(this.inputRef)}
         />
-        <div class="${c(t)}" id="${this.id}-to-label">
+        <div class="${b(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=${u(this.describedBy)}
+          aria-describedby=${w(this.describedBy)}
           aria-invalid=${this.hasError}
-          aria-errormessage=${u(this.errorMessageId)}
-          class=${c(this.inputClasses)}
+          aria-errormessage=${w(this.errorMessageId)}
+          class=${b(this.inputClasses)}
           .type=${this.inputType}
           id="${this.id}-to"
           aria-label="${this.label} ${this.pktStrings.get("generic").to}"
           .value=${this.value[1] ?? ""}
-          min=${u(this.min)}
-          max=${u(this.max)}
-          placeholder=${u(this.placeholder)}
+          min=${w(this.min)}
+          max=${w(this.max)}
+          placeholder=${w(this.placeholder)}
           ?readonly=${this.isInputReadonly}
           ?disabled=${this.disabled}
           @click=${(e) => {
@@ -782,7 +779,7 @@ var X = class extends J {
           @change=${(e) => {
 			this.dispatchChange(e), e.stopImmediatePropagation();
 		}}
-          ${d(this.inputRefTo)}
+          ${v(this.inputRefTo)}
         />
         ${this.renderCalendarButton()}
       </div>
@@ -795,8 +792,7 @@ try {
 } catch {
 	console.warn("Forsøker å definere <pkt-datepicker-range>, men den er allerede definert");
 }
-//#endregion
-//#region src/components/datepicker/datepicker-multiple.ts
+// src/components/datepicker/datepicker-multiple.ts
 var Z = class extends J {
 	constructor(...e) {
 		super(...e), this.value = [];
@@ -815,15 +811,15 @@ var Z = class extends J {
 		return e`
       <div class="pkt-input__container">
         <input
-          aria-describedby=${u(this.describedBy)}
+          aria-describedby=${w(this.describedBy)}
           aria-invalid=${this.hasError}
-          aria-errormessage=${u(this.errorMessageId)}
-          class=${c(this.inputClasses)}
+          aria-errormessage=${w(this.errorMessageId)}
+          class=${b(this.inputClasses)}
           .type=${this.inputType}
           id="${this.id}-input"
-          min=${u(this.min)}
-          max=${u(this.max)}
-          placeholder=${u(this.placeholder)}
+          min=${w(this.min)}
+          max=${w(this.max)}
+          placeholder=${w(this.placeholder)}
           ?readonly=${this.isInputReadonly}
           ?disabled=${this.isInputDisabled}
           @click=${(e) => {
@@ -845,7 +841,7 @@ var Z = class extends J {
           @change=${(e) => {
 			this.dispatchChange(e), e.stopImmediatePropagation();
 		}}
-          ${d(this.inputRef)}
+          ${v(this.inputRef)}
         />
         ${this.renderCalendarButton()}
       </div>
@@ -858,11 +854,10 @@ try {
 } catch {
 	console.warn("Forsøker å definere <pkt-datepicker-multiple>, men den er allerede definert");
 }
-//#endregion
-//#region src/components/datepicker/datepicker.ts
-var Q, $ = class t extends T {
+// src/components/datepicker/datepicker.ts
+var Q, $ = class t extends te {
 	constructor(...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) => {
+		super(...e), this._valueProperty = "", this.datepickerPopupRef = y(), 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 = y(), this.popupRef = y(), this.singleInputRef = y(), this.rangeInputRef = y(), this.multipleInputRef = y(), this.addToSelected = (e) => {
 			let t = this.datepickerPopupRef.value;
 			return t && typeof t.addToSelected == "function" ? t.addToSelected(e, this.min, this.max) : U.addToSelected(e, this.calRef, this.min, this.max);
 		};
@@ -890,11 +885,11 @@ var Q, $ = class t extends T {
 		e !== t && (this.value = e ?? "", this.deriveValue(t));
 	}
 	deriveValue(e) {
-		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 = "", this.getAttribute("value") && this.setAttribute("value", ""), super.valueChanged("", e), this._value = []) : (this._valueProperty = y(n), this.range && n.length === 1 || super.valueChanged(this._valueProperty, e), this._value = n);
+		let t = m(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 = "", this.getAttribute("value") && this.setAttribute("value", ""), super.valueChanged("", e), this._value = []) : (this._valueProperty = p(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 = b(n || "")), e === "excludeweekdays" && typeof this.excludeweekdays == "string" && (this.excludeweekdays = b(n || "")), super.attributeChangedCallback(e, t, n);
+		e === "excludedates" && typeof this.excludedates == "string" && (this.excludedates = m(n || "")), e === "excludeweekdays" && typeof this.excludeweekdays == "string" && (this.excludeweekdays = m(n || "")), super.attributeChangedCallback(e, t, n);
 	}
 	willUpdate(e) {
 		if (super.willUpdate(e), t.DERIVED_FROM.some((t) => e.has(t))) {
@@ -953,7 +948,7 @@ var Q, $ = class t extends T {
         @input-changed=${() => {
 			this.touched = !0;
 		}}
-        ${d(this.singleInputRef)}
+        ${v(this.singleInputRef)}
       ></pkt-datepicker-single>
     `;
 	}
@@ -999,16 +994,16 @@ var Q, $ = class t extends T {
 			H.validateDateInput(e.detail, this.internals, this.min, this.max, this.pktStrings.get("validation"));
 		}}
         @handle-date-select=${(e) => {
-			let t = x(e.detail);
+			let t = h(e.detail);
 			if (t) {
-				let e = p(t);
+				let e = c(t);
 				this._value[0] !== e && this._value[1] !== e && this.calRef?.value?.handleDateSelect(t);
 			}
 		}}
         @input-changed=${() => {
 			this.touched = !0;
 		}}
-        ${d(this.rangeInputRef)}
+        ${v(this.rangeInputRef)}
       ></pkt-datepicker-range>
     `;
 	}
@@ -1040,7 +1035,7 @@ var Q, $ = class t extends T {
         @input-changed=${() => {
 			this.touched = !0;
 		}}
-        ${d(this.multipleInputRef)}
+        ${v(this.multipleInputRef)}
       ></pkt-datepicker-multiple>
     `;
 	}
@@ -1059,7 +1054,7 @@ var Q, $ = class t extends T {
         .latest=${this.max}
         .excludedates=${Array.isArray(this.excludedates) ? this.excludedates : this.excludedates.split(",")}
         .excludeweekdays=${this.excludeweekdays}
-        .currentmonth=${this.currentmonth ? v(this.currentmonth) : null}
+        .currentmonth=${this.currentmonth ? ee(this.currentmonth) : null}
         .today=${this.today}
         @date-selected=${(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));
@@ -1067,14 +1062,14 @@ var Q, $ = class t extends T {
         @close=${() => {
 			this.onBlur(), this.hideCalendar();
 		}}
-        ${d(this.datepickerPopupRef)}
+        ${v(this.datepickerPopupRef)}
       ></pkt-datepicker-popup>
     `;
 	}
 	render() {
 		return this.inputClasses = W.getInputClasses(this.fullwidth, this.showRangeLabels, this.multiple, this.range, this.readonly, this.inputType, this.inputSize), e`
       <pkt-input-wrapper
-        ${l(this, ["helptext"])}
+        ${T(this, ["helptext"])}
         .strings=${this.strings}
         label="${this.label}"
         forId="${this.id}-input"
@@ -1105,7 +1100,7 @@ var Q, $ = class t extends T {
               strings=${this.strings}
               id-base=${this.id}
               @date-tag-removed=${(e) => {
-			let t = this.datepickerPopupRef.value, n = x(e.detail);
+			let t = this.datepickerPopupRef.value, n = h(e.detail);
 			t && n && typeof t.handleDateSelect == "function" ? t.handleDateSelect(n) : this.calRef.value?.handleDateSelect(n);
 		}}
             ></pkt-date-tags>` : n}
@@ -1122,7 +1117,7 @@ var Q, $ = class t extends T {
 	}
 	async showCalendar() {
 		let e = this.datepickerPopupRef.value;
-		this.calendarOpen = !0, e && typeof e.show == "function" ? (e.show(), O() && e.focusOnCurrentDate()) : (await w(20), this.handleCalendarPosition(), O() && this.calRef.value?.focusOnCurrentDate());
+		this.calendarOpen = !0, e && typeof e.show == "function" ? (e.show(), O() && e.focusOnCurrentDate()) : (await C(20), this.handleCalendarPosition(), O() && this.calRef.value?.focusOnCurrentDate());
 	}
 	hideCalendar() {
 		let e = this.datepickerPopupRef.value;
@@ -1182,7 +1177,7 @@ Q = $, Q.DERIVED_FROM = [
 })], $.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: 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({
+})], $.prototype, "withcontrols", void 0), i([s({ converter: g.csvToArray })], $.prototype, "excludedates", void 0), i([s({ converter: g.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"
@@ -1192,5 +1187,4 @@ try {
 } catch {
 	console.warn("Forsøker å definere <pkt-datepicker>, men den er allerede definert");
 }
-//#endregion
 export { E as a, Y as i, Z as n, X as r, $ as t };

package/dist/define-component-spec-wHP10r2x.js

@@ -0,0 +1,5 @@
+// ../../component-specs/lib/define-component-spec.ts
+function e(e) {
+	return e;
+}
+export { e as t };

package/dist/{dialog-polyfill.esm-D39dWbRt.js → dialog-polyfill.esm-BGBREnq_.js}

@@ -1,6 +1,6 @@
-//#region ../../node_modules/dialog-polyfill/dist/dialog-polyfill.esm.js
+// ../../node_modules/dialog-polyfill/dist/dialog-polyfill.esm.js
 var e = window.CustomEvent;
-(!e || typeof e == "object") && (e = function(e, t) {
+e && typeof e != "object" || (e = function(e, t) {
 	t ||= {};
 	var n = document.createEvent("CustomEvent");
 	return n.initCustomEvent(e, !!t.bubbles, !!t.cancelable, t.detail || null), n;
@@ -276,5 +276,4 @@ if (f.reposition = function(e) {
 	};
 	HTMLFormElement.prototype.submit = v;
 }
-//#endregion
 export { f as default };

package/dist/dialog-polyfill.esm-BPk0-8XP.cjs

@@ -0,0 +1 @@
+var e=window.CustomEvent;e&&typeof e!=`object`||(e=function(e,t){t||={};var n=document.createEvent(`CustomEvent`);return n.initCustomEvent(e,!!t.bubbles,!!t.cancelable,t.detail||null),n},e.prototype=window.Event.prototype);function t(e,t){var n=`on`+t.type.toLowerCase();return typeof e[n]==`function`&&e[n](t),e.dispatchEvent(t)}function n(e){for(;e&&e!==document.body;){var t=window.getComputedStyle(e),n=function(e,n){return t[e]!==void 0&&t[e]!==n};if(t.opacity<1||n(`zIndex`,`auto`)||n(`transform`,`none`)||n(`mixBlendMode`,`normal`)||n(`filter`,`none`)||n(`perspective`,`none`)||t.isolation===`isolate`||t.position===`fixed`||t.webkitOverflowScrolling===`touch`)return!0;e=e.parentElement}return!1}function r(e){for(;e;){if(e.localName===`dialog`)return e;e=e.parentElement?e.parentElement:e.parentNode?e.parentNode.host:null}return null}function i(e){for(;e&&e.shadowRoot&&e.shadowRoot.activeElement;)e=e.shadowRoot.activeElement;e&&e.blur&&e!==document.body&&e.blur()}function a(e,t){for(var n=0;n<e.length;++n)if(e[n]===t)return!0;return!1}function o(e){return!e||!e.hasAttribute(`method`)?!1:e.getAttribute(`method`).toLowerCase()===`dialog`}function s(e){var t=[`button`,`input`,`keygen`,`select`,`textarea`].map(function(e){return e+`:not([disabled])`});t.push(`[tabindex]:not([disabled]):not([tabindex=""])`);var n=e.querySelector(t.join(`, `));if(!n&&`attachShadow`in Element.prototype)for(var r=e.querySelectorAll(`*`),i=0;i<r.length&&!(r[i].tagName&&r[i].shadowRoot&&(n=s(r[i].shadowRoot),n));i++);return n}function c(e){return e.isConnected||document.body.contains(e)}function l(e){if(e.submitter)return e.submitter;var t=e.target;if(!(t instanceof HTMLFormElement))return null;var n=f.formSubmitter;if(!n){var r=e.target;n=(`getRootNode`in r&&r.getRootNode()||document).activeElement}return!n||n.form!==t?null:n}function u(e){if(!e.defaultPrevented){var t=e.target,n=f.imagemapUseValue,i=l(e);n===null&&i&&(n=i.value);var a=r(t);a&&(i&&i.getAttribute(`formmethod`)||t.getAttribute(`method`))===`dialog`&&(e.preventDefault(),n==null?a.close():a.close(n))}}function d(e){if(this.dialog_=e,this.replacedStyleTop_=!1,this.openAsModal_=!1,e.hasAttribute(`role`)||e.setAttribute(`role`,`dialog`),e.show=this.show.bind(this),e.showModal=this.showModal.bind(this),e.close=this.close.bind(this),e.addEventListener(`submit`,u,!1),`returnValue`in e||(e.returnValue=``),`MutationObserver`in window)new MutationObserver(this.maybeHideModal.bind(this)).observe(e,{attributes:!0,attributeFilter:[`open`]});else{var t=!1,n=function(){t?this.downgradeModal():this.maybeHideModal(),t=!1}.bind(this),r,i=function(i){if(i.target===e){var a=`DOMNodeRemoved`;t|=i.type.substr(0,a.length)===a,window.clearTimeout(r),r=window.setTimeout(n,0)}};[`DOMAttrModified`,`DOMNodeRemoved`,`DOMNodeRemovedFromDocument`].forEach(function(t){e.addEventListener(t,i)})}Object.defineProperty(e,"open",{set:this.setOpen.bind(this),get:e.hasAttribute.bind(e,`open`)}),this.backdrop_=document.createElement(`div`),this.backdrop_.className=`backdrop`,this.backdrop_.addEventListener(`mouseup`,this.backdropMouseEvent_.bind(this)),this.backdrop_.addEventListener(`mousedown`,this.backdropMouseEvent_.bind(this)),this.backdrop_.addEventListener(`click`,this.backdropMouseEvent_.bind(this))}d.prototype={get dialog(){return this.dialog_},maybeHideModal:function(){this.dialog_.hasAttribute(`open`)&&c(this.dialog_)||this.downgradeModal()},downgradeModal:function(){this.openAsModal_&&(this.openAsModal_=!1,this.dialog_.style.zIndex=``,this.replacedStyleTop_&&=(this.dialog_.style.top=``,!1),this.backdrop_.parentNode&&this.backdrop_.parentNode.removeChild(this.backdrop_),f.dm.removeDialog(this))},setOpen:function(e){e?this.dialog_.hasAttribute(`open`)||this.dialog_.setAttribute(`open`,``):(this.dialog_.removeAttribute(`open`),this.maybeHideModal())},backdropMouseEvent_:function(e){if(this.dialog_.hasAttribute(`tabindex`))this.dialog_.focus();else{var t=document.createElement(`div`);this.dialog_.insertBefore(t,this.dialog_.firstChild),t.tabIndex=-1,t.focus(),this.dialog_.removeChild(t)}var n=document.createEvent(`MouseEvents`);n.initMouseEvent(e.type,e.bubbles,e.cancelable,window,e.detail,e.screenX,e.screenY,e.clientX,e.clientY,e.ctrlKey,e.altKey,e.shiftKey,e.metaKey,e.button,e.relatedTarget),this.dialog_.dispatchEvent(n),e.stopPropagation()},focus_:function(){var e=this.dialog_.querySelector(`[autofocus]:not([disabled])`);!e&&this.dialog_.tabIndex>=0&&(e=this.dialog_),e||=s(this.dialog_),i(document.activeElement),e&&e.focus()},updateZIndex:function(e,t){if(e<t)throw Error(`dialogZ should never be < backdropZ`);this.dialog_.style.zIndex=e,this.backdrop_.style.zIndex=t},show:function(){this.dialog_.open||(this.setOpen(!0),this.focus_())},showModal:function(){if(this.dialog_.hasAttribute(`open`))throw Error(`Failed to execute 'showModal' on dialog: The element is already open, and therefore cannot be opened modally.`);if(!c(this.dialog_))throw Error(`Failed to execute 'showModal' on dialog: The element is not in a Document.`);if(!f.dm.pushDialog(this))throw Error(`Failed to execute 'showModal' on dialog: There are too many open modal dialogs.`);n(this.dialog_.parentElement)&&console.warn(`A dialog is being shown inside a stacking context. This may cause it to be unusable. For more information, see this link: https://github.com/GoogleChrome/dialog-polyfill/#stacking-context`),this.setOpen(!0),this.openAsModal_=!0,f.needsCentering(this.dialog_)?(f.reposition(this.dialog_),this.replacedStyleTop_=!0):this.replacedStyleTop_=!1,this.dialog_.parentNode.insertBefore(this.backdrop_,this.dialog_.nextSibling),this.focus_()},close:function(n){if(!this.dialog_.hasAttribute(`open`))throw Error(`Failed to execute 'close' on dialog: The element does not have an 'open' attribute, and therefore cannot be closed.`);this.setOpen(!1),n!==void 0&&(this.dialog_.returnValue=n);var r=new e(`close`,{bubbles:!1,cancelable:!1});t(this.dialog_,r)}};var f={};if(f.reposition=function(e){var t=document.body.scrollTop||document.documentElement.scrollTop,n=t+(window.innerHeight-e.offsetHeight)/2;e.style.top=Math.max(t,n)+`px`},f.isInlinePositionSetByStylesheet=function(e){for(var t=0;t<document.styleSheets.length;++t){var n=document.styleSheets[t],r=null;try{r=n.cssRules}catch{}if(r)for(var i=0;i<r.length;++i){var o=r[i],s=null;try{s=document.querySelectorAll(o.selectorText)}catch{}if(s&&a(s,e)){var c=o.style.getPropertyValue(`top`),l=o.style.getPropertyValue(`bottom`);if(c&&c!==`auto`||l&&l!==`auto`)return!0}}}return!1},f.needsCentering=function(e){return window.getComputedStyle(e).position!==`absolute`||e.style.top!==`auto`&&e.style.top!==``||e.style.bottom!==`auto`&&e.style.bottom!==``?!1:!f.isInlinePositionSetByStylesheet(e)},f.forceRegisterDialog=function(e){if((window.HTMLDialogElement||e.showModal)&&console.warn(`This browser already supports <dialog>, the polyfill may not work correctly`,e),e.localName!==`dialog`)throw Error(`Failed to register dialog: The element is not a dialog.`);new d(e)},f.registerDialog=function(e){e.showModal||f.forceRegisterDialog(e)},f.DialogManager=function(){this.pendingDialogStack=[];var e=this.checkDOM_.bind(this);this.overlay=document.createElement(`div`),this.overlay.className=`_dialog_overlay`,this.overlay.addEventListener(`click`,function(t){this.forwardTab_=void 0,t.stopPropagation(),e([])}.bind(this)),this.handleKey_=this.handleKey_.bind(this),this.handleFocus_=this.handleFocus_.bind(this),this.zIndexLow_=1e5,this.zIndexHigh_=100150,this.forwardTab_=void 0,`MutationObserver`in window&&(this.mo_=new MutationObserver(function(t){var n=[];t.forEach(function(e){for(var t=0,r;r=e.removedNodes[t];++t){if(r instanceof Element)r.localName===`dialog`&&n.push(r);else continue;n=n.concat(r.querySelectorAll(`dialog`))}}),n.length&&e(n)}))},f.DialogManager.prototype.blockDocument=function(){document.documentElement.addEventListener(`focus`,this.handleFocus_,!0),document.addEventListener(`keydown`,this.handleKey_),this.mo_&&this.mo_.observe(document,{childList:!0,subtree:!0})},f.DialogManager.prototype.unblockDocument=function(){document.documentElement.removeEventListener(`focus`,this.handleFocus_,!0),document.removeEventListener(`keydown`,this.handleKey_),this.mo_&&this.mo_.disconnect()},f.DialogManager.prototype.updateStacking=function(){for(var e=this.zIndexHigh_,t=0,n;n=this.pendingDialogStack[t];++t)n.updateZIndex(--e,--e),t===0&&(this.overlay.style.zIndex=--e);var r=this.pendingDialogStack[0];r?(r.dialog.parentNode||document.body).appendChild(this.overlay):this.overlay.parentNode&&this.overlay.parentNode.removeChild(this.overlay)},f.DialogManager.prototype.containedByTopDialog_=function(e){for(;e=r(e);){for(var t=0,n;n=this.pendingDialogStack[t];++t)if(n.dialog===e)return t===0;e=e.parentElement}return!1},f.DialogManager.prototype.handleFocus_=function(e){var t=e.composedPath?e.composedPath()[0]:e.target;if(!this.containedByTopDialog_(t)&&document.activeElement!==document.documentElement&&(e.preventDefault(),e.stopPropagation(),i(t),this.forwardTab_!==void 0)){var n=this.pendingDialogStack[0];return n.dialog.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_PRECEDING&&(this.forwardTab_?n.focus_():t!==document.documentElement&&document.documentElement.focus()),!1}},f.DialogManager.prototype.handleKey_=function(n){if(this.forwardTab_=void 0,n.keyCode===27){n.preventDefault(),n.stopPropagation();var r=new e(`cancel`,{bubbles:!1,cancelable:!0}),i=this.pendingDialogStack[0];i&&t(i.dialog,r)&&i.dialog.close()}else n.keyCode===9&&(this.forwardTab_=!n.shiftKey)},f.DialogManager.prototype.checkDOM_=function(e){this.pendingDialogStack.slice().forEach(function(t){e.indexOf(t.dialog)===-1?t.maybeHideModal():t.downgradeModal()})},f.DialogManager.prototype.pushDialog=function(e){var t=(this.zIndexHigh_-this.zIndexLow_)/2-1;return this.pendingDialogStack.length>=t?!1:(this.pendingDialogStack.unshift(e)===1&&this.blockDocument(),this.updateStacking(),!0)},f.DialogManager.prototype.removeDialog=function(e){var t=this.pendingDialogStack.indexOf(e);t!==-1&&(this.pendingDialogStack.splice(t,1),this.pendingDialogStack.length===0&&this.unblockDocument(),this.updateStacking())},f.dm=new f.DialogManager,f.formSubmitter=null,f.imagemapUseValue=null,window.HTMLDialogElement===void 0){var p=document.createElement(`form`);if(p.setAttribute(`method`,`dialog`),p.method!==`dialog`){var m=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,`method`);if(m){var h=m.get;m.get=function(){return o(this)?`dialog`:h.call(this)};var g=m.set;m.set=function(e){return typeof e==`string`&&e.toLowerCase()===`dialog`?this.setAttribute(`method`,e):g.call(this,e)},Object.defineProperty(HTMLFormElement.prototype,"method",m)}}document.addEventListener(`click`,function(e){if(f.formSubmitter=null,f.imagemapUseValue=null,!e.defaultPrevented){var t=e.target;if(`composedPath`in e&&(t=e.composedPath().shift()||t),t&&o(t.form)){if(!(t.type===`submit`&&[`button`,`input`].indexOf(t.localName)>-1)){if(t.localName!==`input`||t.type!==`image`)return;f.imagemapUseValue=e.offsetX+`,`+e.offsetY}r(t)&&(f.formSubmitter=t)}}},!1),document.addEventListener(`submit`,function(e){var t=e.target;if(!r(t)){var n=l(e);(n&&n.getAttribute(`formmethod`)||t.getAttribute(`method`))===`dialog`&&e.preventDefault()}});var _=HTMLFormElement.prototype.submit,v=function(){if(!o(this))return _.call(this);var e=r(this);e&&e.close()};HTMLFormElement.prototype.submit=v}exports.default=f;

package/dist/{directive-helpers-BoDzpPID.js → directive-helpers-KMRvtO9j.js}

@@ -1,5 +1,5 @@
-import { v as e } from "./element-DLgZkx5L.js";
-//#region ../../node_modules/lit-html/directive-helpers.js
+import { v as e } from "./element-Bwc-likm.js";
+// ../../node_modules/lit-html/directive-helpers.js
 var { I: t } = e, n = (e) => e, r = (e) => e.strings === void 0, i = () => document.createComment(""), a = (e, r, a) => {
 	let o = e._$AA.parentNode, s = r === void 0 ? e._$AB : r._$AA;
 	if (a === void 0) a = new t(o.insertBefore(i(), s), o.insertBefore(i(), s), e, e.options);
@@ -21,5 +21,4 @@ var { I: t } = e, n = (e) => e, r = (e) => e.strings === void 0, i = () => docum
 }, o = (e, t, n = e) => (e._$AI(t, n), e), s = {}, c = (e, t = s) => e._$AH = t, l = (e) => e._$AH, u = (e) => {
 	e._$AR(), e._$AA.remove();
 };
-//#endregion
 export { o as a, r as i, u as n, a as o, c as r, l as t };

package/dist/{element-DLgZkx5L.js → element-Bwc-likm.js}

@@ -1,4 +1,4 @@
-//#region ../../node_modules/lit-html/lit-html.js
+// ../../node_modules/lit-html/lit-html.js
 var e = globalThis, t = (e) => e, n = e.trustedTypes, r = n ? n.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, i = "$lit$", a = `lit$${Math.random().toFixed(9).slice(2)}$`, o = "?" + a, s = `<${o}>`, c = document, l = () => c.createComment(""), u = (e) => e === null || typeof e != "object" && typeof e != "function", d = Array.isArray, f = (e) => d(e) || typeof e?.[Symbol.iterator] == "function", p = "[ 	\n\f\r]", m = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, h = /-->/g, g = />/g, _ = RegExp(`>|${p}(?:([^\\s"'>=/]+)(${p}*=${p}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`, "g"), v = /'/g, y = /"/g, b = /^(?:script|style|textarea|title)$/i, x = ((e) => (t, ...n) => ({
 	_$litType$: e,
 	strings: t,
@@ -520,8 +520,7 @@ var W = class extends HTMLElement {
 	firstUpdated(e) {}
 };
 W.elementStyles = [], W.shadowRootOptions = { mode: "open" }, W[V("elementProperties")] = /* @__PURE__ */ new Map(), W[V("finalized")] = /* @__PURE__ */ new Map(), be?.({ ReactiveElement: W }), (z.reactiveElementVersions ??= []).push("2.1.2");
-//#endregion
-//#region ../../node_modules/@lit/reactive-element/decorators/property.js
+// ../../node_modules/@lit/reactive-element/decorators/property.js
 var Se = {
 	attribute: !0,
 	type: String,
@@ -557,8 +556,7 @@ function G(e) {
 		return t.constructor.createProperty(n, e), r ? Object.getOwnPropertyDescriptor(t, n) : void 0;
 	})(e, t, n);
 }
-//#endregion
-//#region ../../node_modules/@lit/reactive-element/decorators/state.js
+// ../../node_modules/@lit/reactive-element/decorators/state.js
 function we(e) {
 	return G({
 		...e,
@@ -566,8 +564,7 @@ function we(e) {
 		attribute: !1
 	});
 }
-//#endregion
-//#region ../../node_modules/lit-element/lit-element.js
+// ../../node_modules/lit-element/lit-element.js
 var K = globalThis, q = class extends W {
 	constructor() {
 		super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
@@ -593,8 +590,7 @@ var K = globalThis, q = class extends W {
 q._$litElement$ = !0, q.finalized = !0, K.litElementHydrateSupport?.({ LitElement: q });
 var Te = K.litElementPolyfillSupport;
 Te?.({ LitElement: q }), (K.litElementVersions ??= []).push("4.2.2");
-//#endregion
-//#region ../../shared-strings/nb.ts
+// ../../shared-strings/nb.ts
 var J = {
 	generic: {
 		from: "Fra",
@@ -825,8 +821,7 @@ function ke(e) {
 		t.listeners.delete(e);
 	};
 }
-//#endregion
-//#region ../../shared-strings/resolve.ts
+// ../../shared-strings/resolve.ts
 var Ae = /* @__PURE__ */ new Map();
 function je(e, t) {
 	if (t) for (let n of Object.keys(t)) {
@@ -862,8 +857,7 @@ function Pe(e, ...t) {
 	for (let r of e) n[r] = Z(r, ...t);
 	return n;
 }
-//#endregion
-//#region src/controllers/strings-controller.ts
+// src/controllers/strings-controller.ts
 var Fe = class {
 	constructor(e) {
 		this.host = e, e.addController(this);
@@ -881,16 +875,14 @@ var Fe = class {
 		return Pe(e, this.host.strings);
 	}
 };
-//#endregion
-//#region \0@oxc-project+runtime@0.154.0/helpers/esm/decorate.js
+// \0@oxc-project+runtime@0.156.0/helpers/esm/decorate.js
 function Q(e, t, n, r) {
 	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
 	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
 	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
 	return i > 3 && a && Object.defineProperty(t, n, a), a;
 }
-//#endregion
-//#region src/base-elements/element.ts
+// src/base-elements/element.ts
 var $ = class extends q {
 	constructor(...e) {
 		super(...e), this.pktStrings = new Fe(this), this.role = null;
@@ -905,5 +897,4 @@ var Ie = class extends $ {
 		return this;
 	}
 };
-//#endregion
 export { x as _, Ee as a, q as c, le as d, se as f, S as g, C as h, Oe as i, we as l, oe as m, Q as n, ke as o, ce as p, De as r, J as s, Ie as t, G as u, re as v };

package/dist/{element-with-slot-mG-h7Sjw.js → element-with-slot-47quDZRt.js}

@@ -1,6 +1,6 @@
-import { f as e, g as t, m as n, t as r } from "./element-DLgZkx5L.js";
-import { t as i } from "./async-directive-BcS8rfeC.js";
-//#region src/controllers/pkt-slot-utils.ts
+import { f as e, g as t, m as n, t as r } from "./element-Bwc-likm.js";
+import { t as i } from "./async-directive-Ct3Mrb1M.js";
+// src/controllers/pkt-slot-utils.ts
 function a(e) {
 	return e.classList && (e.classList.contains("_dialog_overlay") || e.classList.contains("backdrop")) ? !0 : typeof e.hasAttribute == "function" && e.hasAttribute("data-skip");
 }
@@ -10,8 +10,7 @@ function o(e) {
 function s(e) {
 	return e.nodeType === Node.TEXT_NODE && e.nodeValue?.trim() !== "";
 }
-//#endregion
-//#region src/directives/slot-content.ts
+// src/directives/slot-content.ts
 var c, l = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new WeakSet();
 function f(e) {
 	let t = l.get(e);
@@ -693,5 +692,4 @@ var P = class extends r {
 		t.set.call(n, e), f(this).replaceContent(Array.from(n.childNodes)) || t.set.call(this, e);
 	}
 };
-//#endregion
 export { o as a, k as i, A as n, f as r, P as t };