@oslokommune/punkt-elements 20.0.0 → 20.0.5

package/dist/{datepicker-ZSwWg8xW.js → datepicker-BZpiJeLW.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 "./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 "./tag-CkZ2Mn4a.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-C6BRd-cu.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>
     `;
@@ -150,7 +150,8 @@ var D = {
 			type: "boolean",
 			reflect: !0,
 			default: !1,
-			category: "functionality"
+			category: "functionality",
+			exclusiveGroup: "selectionMode"
 		},
 		maxlength: {
 			name: "Maks antall datoer i flervalg",
@@ -163,7 +164,8 @@ var D = {
 			type: "boolean",
 			reflect: !0,
 			default: !1,
-			category: "functionality"
+			category: "functionality",
+			exclusiveGroup: "selectionMode"
 		},
 		showRangeLabels: {
 			attribute: "show-range-labels",
@@ -338,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,
@@ -393,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) {
@@ -412,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();
 	}
@@ -421,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
 			})));
@@ -467,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,
@@ -488,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}
@@ -535,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;
@@ -593,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) => {
@@ -613,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 = "";
@@ -630,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);
 		}}
@@ -665,7 +665,7 @@ var Y = class extends J {
           @change=${(e) => {
 			this.dispatchChange(e), e.stopImmediatePropagation();
 		}}
-          ${d(this.inputRef)}
+          ${v(this.inputRef)}
         />
         ${this.renderCalendarButton()}
       </div>
@@ -678,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;
@@ -693,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) => {
@@ -733,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) => {
@@ -780,7 +779,7 @@ var X = class extends J {
           @change=${(e) => {
 			this.dispatchChange(e), e.stopImmediatePropagation();
 		}}
-          ${d(this.inputRefTo)}
+          ${v(this.inputRefTo)}
         />
         ${this.renderCalendarButton()}
       </div>
@@ -793,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 = [];
@@ -813,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) => {
@@ -843,7 +841,7 @@ var Z = class extends J {
           @change=${(e) => {
 			this.dispatchChange(e), e.stopImmediatePropagation();
 		}}
-          ${d(this.inputRef)}
+          ${v(this.inputRef)}
         />
         ${this.renderCalendarButton()}
       </div>
@@ -856,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);
 		};
@@ -888,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))) {
@@ -951,7 +948,7 @@ var Q, $ = class t extends T {
         @input-changed=${() => {
 			this.touched = !0;
 		}}
-        ${d(this.singleInputRef)}
+        ${v(this.singleInputRef)}
       ></pkt-datepicker-single>
     `;
 	}
@@ -997,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>
     `;
 	}
@@ -1038,7 +1035,7 @@ var Q, $ = class t extends T {
         @input-changed=${() => {
 			this.touched = !0;
 		}}
-        ${d(this.multipleInputRef)}
+        ${v(this.multipleInputRef)}
       ></pkt-datepicker-multiple>
     `;
 	}
@@ -1057,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));
@@ -1065,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"
@@ -1103,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}
@@ -1120,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;
@@ -1180,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"
@@ -1190,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 };