@oslokommune/punkt-elements 13.15.3 → 13.15.4

package/dist/{datepicker-lnxklOi4.js → datepicker-q9haFM81.js}

@@ -1,75 +1,104 @@
-import { P as O, E as B, x as d, n as a, a as _ } from "./element-CRDRygXu.js";
-import { r as N } from "./state-DS_kr2Fy.js";
-import { f as U, s as q, i as W, n as F, a as M, b as z, d as H, p as G, e as K } from "./calendar-DtJh7UYD.js";
-import { P as J } from "./input-element-BcFmygSF.js";
+import { P as I, E as A, x as d, n as a, a as R } from "./element-CRDRygXu.js";
+import { r as q } from "./state-DS_kr2Fy.js";
+import { s as U, f as N, n as j, a as W, i as H, b as L, v as O, d as G, e as J, p as Q, g as z } from "./calendar-Bz27nuTP.js";
+import { P as X } from "./input-element-Dqu8udwd.js";
 import { e as u, n as c } from "./ref-Xa5dbh--.js";
 import "./icon-1dy7UZcu.js";
-import "./input-wrapper-CiqUL7my.js";
-import { e as x } from "./class-map-wy7PUk0P.js";
-import { c as Q } from "./repeat-CJ79egkN.js";
+import "./input-wrapper-Wu3Yv-bn.js";
+import { e as k } from "./class-map-wy7PUk0P.js";
+import { c as Y } from "./repeat-CJ79egkN.js";
 import "./tag-CqMgt01I.js";
-import { u as X } from "./stringutils-DJjRa8dG.js";
-import { o as w } from "./if-defined-BWZGb3bh.js";
-import { P as Y } from "./pkt-slot-controller-BPGj-LC5.js";
-const Z = (t) => new Promise((e) => setTimeout(e, t)), T = {
-  /**
-   * Detects if the current device is iOS (iPhone, iPad, iPod)
-   * Handles modern iPad Safari which uses desktop user agent since iOS 13
-   */
-  isIOS() {
-    const t = navigator.userAgent;
-    return !!(/iP(hone|od|ad)/.test(t) || /Macintosh/.test(t) && "ontouchend" in document);
+import { u as Z, s as tt } from "./utils-DznhwRXm.js";
+import { o as C } from "./if-defined-BWZGb3bh.js";
+import { P as et } from "./pkt-slot-controller-BPGj-LC5.js";
+var st = Object.defineProperty, it = Object.getOwnPropertyDescriptor, P = (t, e, s, n) => {
+  for (var i = n > 1 ? void 0 : n ? it(e, s) : e, l = t.length - 1, r; l >= 0; l--)
+    (r = t[l]) && (i = (n ? r(e, s, i) : r(i)) || i);
+  return n && i && st(e, s, i), i;
+};
+let T = class extends I {
+  constructor() {
+    super(...arguments), this.dates = [], this.dateformat = "dd.MM.yyyy", this.className = "pkt-datepicker__tags", this.idBase = Z();
   }
-}, k = {
-  /**
-   * Parses a value (string or string array) into an array of strings
-   */
-  parseValue(t) {
-    return t ? Array.isArray(t) ? t.filter(Boolean) : typeof t == "string" ? t.split(",").filter(Boolean) : String(t).split(",").filter(Boolean) : [];
-  },
-  /**
-   * Converts array of dates to comma-separated string
-   */
-  formatValue(t) {
-    return t.join(",");
-  },
+  render() {
+    return this.classes = {
+      "pkt-date-tags": !0,
+      [this.className]: !0
+    }, d`
+      <div class=${k(this.classes)} aria-live="polite">
+        ${Array.isArray(this.dates) && this.dates[0] ? Y(
+      U((this.dates ?? []).filter(Boolean)),
+      (t) => t,
+      (t) => {
+        var e;
+        return d` <pkt-tag
+                  id=${this.idBase + t + "-tag"}
+                  closeTag
+                  @close=${() => {
+          this.dispatchEvent(new CustomEvent("date-tag-removed", { detail: t }));
+        }}
+                  .ariaLabel=${`${(e = this.strings) == null ? void 0 : e.calendar.deleteDate} ${N(t, this.dateformat)}`}
+                >
+                  <time datetime=${t}>${N(t, this.dateformat)}</time>
+                </pkt-tag>`;
+      }
+    ) : A}
+      </div>
+    `;
+  }
+};
+P([
+  a({ type: Array })
+], T.prototype, "dates", 2);
+P([
+  a({ type: String })
+], T.prototype, "dateformat", 2);
+P([
+  a({ type: String, attribute: "class" })
+], T.prototype, "className", 2);
+P([
+  a({ type: String, attribute: "id-base" })
+], T.prototype, "idBase", 2);
+T = P([
+  R("pkt-date-tags")
+], T);
+const at = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }, withcontrols: { default: !1 }, multiple: { default: !1 }, range: { default: !1 } }, _ = {
+  props: at
+}, E = () => {
+  const t = navigator.userAgent;
+  return !!(/iP(hone|od|ad)/.test(t) || /Macintosh/.test(t) && "ontouchend" in document);
+}, B = {
   /**
    * Ensures name attribute ends with [] for multiple/range inputs
    */
   normalizeNameForMultiple(t, e, s) {
     return t ? (e || s) && !t.endsWith("[]") ? t + "[]" : t : null;
   },
-  /**
-   * Converts string arrays to proper arrays if they come as strings
-   */
-  normalizeStringArray(t) {
-    return typeof t == "string" ? t.split(",").filter(Boolean) : Array.isArray(t) ? t : [];
-  },
   /**
    * Validates that a range has valid order (start <= end)
    */
   validateRangeOrder(t) {
-    return !t || t.length !== 2 ? !0 : W(t[0], t[1]);
+    return !t || t.length !== 2 ? !0 : H(t[0], t[1]);
   },
   /**
    * Sorts date strings chronologically
    */
   sortDates(t) {
-    return q(t);
+    return U(t);
   },
   /**
    * Filters dates to only include selectable ones based on constraints
    */
   filterSelectableDates(t, e, s, n, i) {
-    return U(t, e, s, n, i);
+    return W(t, e, s, n, i);
   }
-}, tt = {
+}, nt = {
   /**
    * Determines the appropriate input type based on device
    * Mobile Safari does not play well with type="date" amd custom datepickers
    */
   getInputType() {
-    return T.isIOS() ? "text" : "date";
+    return E() ? "text" : "date";
   }
 }, D = {
   /**
@@ -91,7 +120,7 @@ const Z = (t) => new Promise((e) => setTimeout(e, t)), T = {
    * Validates a date input and sets validity state
    */
   validateDateInput(t, e, s, n, i) {
-    var r, h, V, L;
+    var r, h, V, K;
     const l = t.value;
     l && (s && s > l ? e.setValidity(
       { rangeUnderflow: !0 },
@@ -99,18 +128,18 @@ const Z = (t) => new Promise((e) => setTimeout(e, t)), T = {
       t
     ) : n && n < l && e.setValidity(
       { rangeOverflow: !0 },
-      ((L = (V = i == null ? void 0 : i.forms) == null ? void 0 : V.messages) == null ? void 0 : L.rangeOverflow) || "Value is above maximum",
+      ((K = (V = i == null ? void 0 : i.forms) == null ? void 0 : V.messages) == null ? void 0 : K.rangeOverflow) || "Value is above maximum",
       t
     ));
   }
-}, A = {
+}, F = {
   /**
    * Adds a date to selected dates if it's valid
    */
   addToSelected(t, e, s, n) {
     const i = t.target;
     if (!i.value) return;
-    const l = s ? F(s) : null, r = n ? F(n) : null, h = F(i.value.split(",")[0]);
+    const l = s ? j(s) : null, r = n ? j(n) : null, h = j(i.value.split(",")[0]);
     h && !isNaN(h.getTime()) && (!l || h >= l) && (!r || h <= r) && e.value && e.value.handleDateSelect(h), i.value = "";
   },
   /**
@@ -123,7 +152,7 @@ const Z = (t) => new Promise((e) => setTimeout(e, t)), T = {
     let r = s ? "calc(100% - 30px)" : "100%";
     n && n.top + l > window.innerHeight && n.top - l > 0 && (r = `calc(100% - ${i}px - ${l}px)`), t.value.style.top = r;
   }
-}, I = {
+}, S = {
   /**
    * Generates input classes for datepicker
    */
@@ -159,7 +188,7 @@ const Z = (t) => new Promise((e) => setTimeout(e, t)), T = {
       "pkt-hide": !t
     };
   }
-}, j = {
+}, M = {
   /**
    * Handles date selection from calendar events
    */
@@ -180,11 +209,11 @@ const Z = (t) => new Promise((e) => setTimeout(e, t)), T = {
     const l = t.target;
     if (l.value) {
       i(l);
-      const h = M(l.value);
+      const h = L(l.value);
       h && e[0] !== l.value && e[1] && (n(), (r = s == null ? void 0 : s.value) == null || r.handleDateSelect(h));
     } else e[0] && n();
   }
-}, E = {
+}, x = {
   /**
    * Handles common keyboard interactions for datepicker inputs
    */
@@ -200,66 +229,12 @@ const Z = (t) => new Promise((e) => setTimeout(e, t)), T = {
     (s === "Enter" || s === " " || s === "Space") && (t.preventDefault(), e(t));
   }
 };
-var et = Object.defineProperty, st = Object.getOwnPropertyDescriptor, P = (t, e, s, n) => {
-  for (var i = n > 1 ? void 0 : n ? st(e, s) : e, l = t.length - 1, r; l >= 0; l--)
-    (r = t[l]) && (i = (n ? r(e, s, i) : r(i)) || i);
-  return n && i && et(e, s, i), i;
-};
-let R = class extends O {
-  constructor() {
-    super(...arguments), this.dates = [], this.dateformat = "dd.MM.yyyy", this.className = "pkt-datepicker__tags", this.idBase = X();
-  }
-  render() {
-    return this.classes = {
-      "pkt-date-tags": !0,
-      [this.className]: !0
-    }, d`
-      <div class=${x(this.classes)} aria-live="polite">
-        ${Array.isArray(this.dates) && this.dates[0] ? Q(
-      k.sortDates((this.dates ?? []).filter(Boolean)),
-      (t) => t,
-      (t) => {
-        var e;
-        return d` <pkt-tag
-                  id=${this.idBase + t + "-tag"}
-                  closeTag
-                  @close=${() => {
-          this.dispatchEvent(new CustomEvent("date-tag-removed", { detail: t }));
-        }}
-                  .ariaLabel=${`${(e = this.strings) == null ? void 0 : e.calendar.deleteDate} ${z(t, this.dateformat)}`}
-                >
-                  <time datetime=${t}>${z(t, this.dateformat)}</time>
-                </pkt-tag>`;
-      }
-    ) : B}
-      </div>
-    `;
-  }
-};
-P([
-  a({ type: Array })
-], R.prototype, "dates", 2);
-P([
-  a({ type: String })
-], R.prototype, "dateformat", 2);
-P([
-  a({ type: String, attribute: "class" })
-], R.prototype, "className", 2);
-P([
-  a({ type: String, attribute: "id-base" })
-], R.prototype, "idBase", 2);
-R = P([
-  _("pkt-date-tags")
-], R);
-const it = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }, withcontrols: { default: !1 }, multiple: { default: !1 }, range: { default: !1 } }, S = {
-  props: it
-};
-var at = Object.defineProperty, nt = Object.getOwnPropertyDescriptor, v = (t, e, s, n) => {
-  for (var i = n > 1 ? void 0 : n ? nt(e, s) : e, l = t.length - 1, r; l >= 0; l--)
+var lt = Object.defineProperty, rt = Object.getOwnPropertyDescriptor, v = (t, e, s, n) => {
+  for (var i = n > 1 ? void 0 : n ? rt(e, s) : e, l = t.length - 1, r; l >= 0; l--)
     (r = t[l]) && (i = (n ? r(e, s, i) : r(i)) || i);
-  return n && i && at(e, s, i), i;
+  return n && i && lt(e, s, i), i;
 };
-let g = class extends O {
+let g = class extends I {
   constructor() {
     super(...arguments), 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.popupRef = u(), this.calendarRef = u(), this.handleDocumentClick = (t) => {
       if (!this.open) return;
@@ -294,8 +269,8 @@ let g = class extends O {
     t && typeof t.focusOnCurrentDate == "function" && t.focusOnCurrentDate();
   }
   addToSelected(t, e, s) {
-    if (typeof A.addToSelected == "function")
-      return A.addToSelected(t, this.calendarRef, e, s);
+    if (typeof F.addToSelected == "function")
+      return F.addToSelected(t, this.calendarRef, e, s);
   }
   handleDateSelect(t) {
     const e = this.calendarRef.value;
@@ -305,7 +280,7 @@ let g = class extends O {
     const t = { "pkt-calendar-popup": !0, show: this.open, hide: !this.open };
     return d`
       <div
-        class="${x(t)}"
+        class="${k(t)}"
         ${c(this.popupRef)}
         id="date-popup"
         ?hidden=${!this.open}
@@ -374,14 +349,14 @@ v([
   a({ type: String })
 ], g.prototype, "currentmonth", 2);
 g = v([
-  _("pkt-datepicker-popup")
+  R("pkt-datepicker-popup")
 ], g);
-var lt = Object.defineProperty, rt = Object.getOwnPropertyDescriptor, C = (t, e, s, n) => {
-  for (var i = n > 1 ? void 0 : n ? rt(e, s) : e, l = t.length - 1, r; l >= 0; l--)
+var pt = Object.defineProperty, ot = Object.getOwnPropertyDescriptor, w = (t, e, s, n) => {
+  for (var i = n > 1 ? void 0 : n ? ot(e, s) : e, l = t.length - 1, r; l >= 0; l--)
     (r = t[l]) && (i = (n ? r(e, s, i) : r(i)) || i);
-  return n && i && lt(e, s, i), i;
+  return n && i && pt(e, s, i), i;
 };
-let y = class extends O {
+let y = class extends I {
   constructor() {
     super(...arguments), this.value = "", this.inputType = "date", this.id = "", this.readonly = !1, this.disabled = !1, this.inputClasses = {}, this.strings = { calendar: { buttonAltText: "Åpne kalender" } }, this.inputRef = u(), this.btnRef = u();
   }
@@ -454,13 +429,13 @@ let y = class extends O {
     return d`
       <div class="pkt-input__container">
         <input
-          class="${x(this.inputClasses)}"
+          class="${k(this.inputClasses)}"
           .type=${this.inputType}
           id="${this.id}-input"
           .value=${this.value}
-          min=${w(this.min)}
-          max=${w(this.max)}
-          placeholder=${w(this.placeholder)}
+          min=${C(this.min)}
+          max=${C(this.max)}
+          placeholder=${C(this.placeholder)}
           ?readonly=${this.isInputReadonly}
           aria-describedby="${this.id}-helptext"
           @click=${(t) => {
@@ -470,7 +445,7 @@ let y = class extends O {
       t.preventDefault(), this.dispatchToggleCalendar(t);
     }}
           ?disabled=${this.disabled}
-          @keydown=${(t) => E.handleInputKeydown(
+          @keydown=${(t) => x.handleInputKeydown(
       t,
       (e) => this.dispatchToggleCalendar(e),
       () => D.submitFormOrFallback(this.internals, () => {
@@ -487,7 +462,7 @@ let y = class extends O {
       this.dispatchInput(t), t.stopImmediatePropagation();
     }}
           @focus=${() => {
-      this.dispatchFocus(), T.isIOS() && this.dispatchToggleCalendar(new Event("focus"));
+      this.dispatchFocus(), E() && this.dispatchToggleCalendar(new Event("focus"));
     }}
           @blur=${(t) => {
       this.dispatchBlur(t), this.dispatchManageValidity(t.target), this.dispatchEvent(
@@ -504,10 +479,10 @@ let y = class extends O {
           ${c(this.inputRef)}
         />
         <button
-          class="${x(I.getButtonClasses())}"
+          class="${k(S.getButtonClasses())}"
           type="button"
           @click=${(t) => this.dispatchToggleCalendar(t)}
-          @keydown=${(t) => E.handleButtonKeydown(t, (e) => this.dispatchToggleCalendar(e))}
+          @keydown=${(t) => x.handleButtonKeydown(t, (e) => this.dispatchToggleCalendar(e))}
           ?disabled=${this.disabled}
           ${c(this.btnRef)}
         >
@@ -518,48 +493,48 @@ let y = class extends O {
     `;
   }
 };
-C([
+w([
   a({ type: String })
 ], y.prototype, "value", 2);
-C([
+w([
   a({ type: String })
 ], y.prototype, "inputType", 2);
-C([
+w([
   a({ type: String })
 ], y.prototype, "id", 2);
-C([
+w([
   a({ type: String })
 ], y.prototype, "min", 2);
-C([
+w([
   a({ type: String })
 ], y.prototype, "max", 2);
-C([
+w([
   a({ type: String })
 ], y.prototype, "placeholder", 2);
-C([
+w([
   a({ type: Boolean })
 ], y.prototype, "readonly", 2);
-C([
+w([
   a({ type: Boolean })
 ], y.prototype, "disabled", 2);
-C([
+w([
   a({ type: Object })
 ], y.prototype, "inputClasses", 2);
-C([
+w([
   a({ type: Object })
 ], y.prototype, "internals", 2);
-C([
+w([
   a({ type: Object })
 ], y.prototype, "strings", 2);
-y = C([
-  _("pkt-datepicker-single")
+y = w([
+  R("pkt-datepicker-single")
 ], y);
-var pt = Object.defineProperty, ot = Object.getOwnPropertyDescriptor, b = (t, e, s, n) => {
-  for (var i = n > 1 ? void 0 : n ? ot(e, s) : e, l = t.length - 1, r; l >= 0; l--)
+var ut = Object.defineProperty, ht = Object.getOwnPropertyDescriptor, b = (t, e, s, n) => {
+  for (var i = n > 1 ? void 0 : n ? ht(e, s) : e, l = t.length - 1, r; l >= 0; l--)
     (r = t[l]) && (i = (n ? r(e, s, i) : r(i)) || i);
-  return n && i && pt(e, s, i), i;
+  return n && i && ut(e, s, i), i;
 };
-let m = class extends O {
+let m = class extends I {
   constructor() {
     super(...arguments), this.value = [], this.inputType = "date", this.id = "", this.readonly = !1, this.disabled = !1, this.showRangeLabels = !1, this.inputClasses = {}, this.strings = { generic: { from: "Fra", to: "Til" } }, this.inputRef = u(), this.inputRefTo = u(), this.btnRef = u();
   }
@@ -632,18 +607,18 @@ let m = class extends O {
     return this;
   }
   render() {
-    const t = I.getRangeLabelClasses(this.showRangeLabels);
+    const t = S.getRangeLabelClasses(this.showRangeLabels);
     return d`
       <div class="pkt-input__container">
-        ${this.showRangeLabels ? d` <div class="pkt-input-prefix">${this.strings.generic.from}</div> ` : B}
+        ${this.showRangeLabels ? d` <div class="pkt-input-prefix">${this.strings.generic.from}</div> ` : A}
         <input
-          class=${x(this.inputClasses)}
+          class=${k(this.inputClasses)}
           .type=${this.inputType}
           id="${this.id}-input"
           .value=${this.value[0] ?? ""}
-          min=${w(this.min)}
-          max=${w(this.max)}
-          placeholder=${w(this.placeholder)}
+          min=${C(this.min)}
+          max=${C(this.max)}
+          placeholder=${C(this.placeholder)}
           ?readonly=${this.isInputReadonly}
           ?disabled=${this.disabled}
           @click=${(e) => {
@@ -652,7 +627,7 @@ let m = class extends O {
           @touchend=${(e) => {
       e.preventDefault(), this.dispatchToggleCalendar(e);
     }}
-          @keydown=${(e) => E.handleInputKeydown(
+          @keydown=${(e) => x.handleInputKeydown(
       e,
       (s) => this.dispatchToggleCalendar(s),
       () => D.submitFormOrFallback(
@@ -675,7 +650,7 @@ let m = class extends O {
       this.dispatchInput(e), e.stopImmediatePropagation();
     }}
           @focus=${() => {
-      this.dispatchFocus(), T.isIOS() && this.dispatchToggleCalendar(new Event("focus"));
+      this.dispatchFocus(), E() && this.dispatchToggleCalendar(new Event("focus"));
     }}
           @blur=${(e) => {
       this.dispatchEvent(
@@ -695,19 +670,19 @@ let m = class extends O {
     }}
           ${c(this.inputRef)}
         />
-        <div class="${x(t)}" id="${this.id}-to-label">
+        <div class="${k(t)}" id="${this.id}-to-label">
           ${this.strings.generic.to}
         </div>
-        ${this.showRangeLabels ? B : d` <div class="pkt-input-separator">–</div> `}
+        ${this.showRangeLabels ? A : d` <div class="pkt-input-separator">–</div> `}
         <input
-          class=${x(this.inputClasses)}
+          class=${k(this.inputClasses)}
           .type=${this.inputType}
           id="${this.id}-to"
           aria-labelledby="${this.id}-to-label"
           .value=${this.value[1] ?? ""}
-          min=${w(this.min)}
-          max=${w(this.max)}
-          placeholder=${w(this.placeholder)}
+          min=${C(this.min)}
+          max=${C(this.max)}
+          placeholder=${C(this.placeholder)}
           ?readonly=${this.isInputReadonly}
           ?disabled=${this.disabled}
           @click=${(e) => {
@@ -716,7 +691,7 @@ let m = class extends O {
           @touchend=${(e) => {
       e.preventDefault(), this.dispatchToggleCalendar(e);
     }}
-          @keydown=${(e) => E.handleInputKeydown(
+          @keydown=${(e) => x.handleInputKeydown(
       e,
       (s) => this.dispatchToggleCalendar(s),
       () => D.submitFormOrFallback(this.internals, () => {
@@ -733,7 +708,7 @@ let m = class extends O {
       this.dispatchInput(e), e.stopImmediatePropagation();
     }}
           @focus=${() => {
-      this.dispatchFocus(), T.isIOS() && this.dispatchToggleCalendar(new Event("focus"));
+      this.dispatchFocus(), E() && this.dispatchToggleCalendar(new Event("focus"));
     }}
           @blur=${(e) => {
       this.dispatchBlur(e), e.target.value && (this.dispatchManageValidity(e.target), this.dispatchEvent(
@@ -756,10 +731,10 @@ let m = class extends O {
           ${c(this.inputRefTo)}
         />
         <button
-          class="${x(I.getButtonClasses())}"
+          class="${k(S.getButtonClasses())}"
           type="button"
           @click=${(e) => this.dispatchToggleCalendar(e)}
-          @keydown=${(e) => E.handleButtonKeydown(e, (s) => this.dispatchToggleCalendar(s))}
+          @keydown=${(e) => x.handleButtonKeydown(e, (s) => this.dispatchToggleCalendar(s))}
           ?disabled=${this.disabled}
           ${c(this.btnRef)}
         >
@@ -807,14 +782,14 @@ b([
   a({ type: Object })
 ], m.prototype, "strings", 2);
 m = b([
-  _("pkt-datepicker-range")
+  R("pkt-datepicker-range")
 ], m);
-var ut = Object.defineProperty, ht = Object.getOwnPropertyDescriptor, $ = (t, e, s, n) => {
-  for (var i = n > 1 ? void 0 : n ? ht(e, s) : e, l = t.length - 1, r; l >= 0; l--)
+var dt = Object.defineProperty, ct = Object.getOwnPropertyDescriptor, $ = (t, e, s, n) => {
+  for (var i = n > 1 ? void 0 : n ? ct(e, s) : e, l = t.length - 1, r; l >= 0; l--)
     (r = t[l]) && (i = (n ? r(e, s, i) : r(i)) || i);
-  return n && i && ut(e, s, i), i;
+  return n && i && dt(e, s, i), i;
 };
-let f = class extends O {
+let f = class extends I {
   constructor() {
     super(...arguments), this.value = [], this.inputType = "date", this.id = "", this.readonly = !1, this.disabled = !1, this.inputClasses = {}, this.strings = { calendar: { buttonAltText: "Åpne kalender" } }, this.inputRef = u(), this.btnRef = u();
   }
@@ -890,12 +865,12 @@ let f = class extends O {
     return d`
       <div class="pkt-input__container">
         <input
-          class=${x(this.inputClasses)}
+          class=${k(this.inputClasses)}
           .type=${this.inputType}
           id="${this.id}-input"
-          min=${w(this.min)}
-          max=${w(this.max)}
-          placeholder=${w(this.placeholder)}
+          min=${C(this.min)}
+          max=${C(this.max)}
+          placeholder=${C(this.placeholder)}
           ?readonly=${this.isInputReadonly}
           ?disabled=${this.isInputDisabled}
           @click=${(t) => {
@@ -911,9 +886,9 @@ let f = class extends O {
       this.dispatchInput(t), t.stopImmediatePropagation();
     }}
           @focus=${() => {
-      this.dispatchFocus(), T.isIOS() && this.dispatchToggleCalendar(new Event("focus"));
+      this.dispatchFocus(), E() && this.dispatchToggleCalendar(new Event("focus"));
     }}
-          @keydown=${(t) => E.handleInputKeydown(
+          @keydown=${(t) => x.handleInputKeydown(
       t,
       (e) => this.dispatchToggleCalendar(e),
       () => D.submitFormOrFallback(this.internals, () => {
@@ -930,10 +905,10 @@ let f = class extends O {
           ${c(this.inputRef)}
         />
         <button
-          class="${x(I.getButtonClasses())}"
+          class="${k(S.getButtonClasses())}"
           type="button"
           @click=${(t) => this.dispatchToggleCalendar(t)}
-          @keydown=${(t) => E.handleButtonKeydown(t, (e) => this.dispatchToggleCalendar(e))}
+          @keydown=${(t) => x.handleButtonKeydown(t, (e) => this.dispatchToggleCalendar(e))}
           ?disabled=${this.disabled}
           ${c(this.btnRef)}
         >
@@ -981,22 +956,22 @@ $([
   a({ type: Object })
 ], f.prototype, "strings", 2);
 f = $([
-  _("pkt-datepicker-multiple")
+  R("pkt-datepicker-multiple")
 ], f);
-var dt = Object.defineProperty, ct = Object.getOwnPropertyDescriptor, o = (t, e, s, n) => {
-  for (var i = n > 1 ? void 0 : n ? ct(e, s) : e, l = t.length - 1, r; l >= 0; l--)
+var gt = Object.defineProperty, mt = Object.getOwnPropertyDescriptor, o = (t, e, s, n) => {
+  for (var i = n > 1 ? void 0 : n ? mt(e, s) : e, l = t.length - 1, r; l >= 0; l--)
     (r = t[l]) && (i = (n ? r(e, s, i) : r(i)) || i);
-  return n && i && dt(e, s, i), i;
+  return n && i && gt(e, s, i), i;
 };
-let p = class extends J {
+let p = class extends X {
   /**
    * Housekeeping / lifecycle methods
    */
   constructor() {
-    super(), this._valueProperty = "", this.datepickerPopupRef = u(), this._value = [], this.label = "Datovelger", this.dateformat = S.props.dateformat.default, this.multiple = S.props.multiple.default, this.maxlength = null, this.range = S.props.range.default, this.showRangeLabels = !1, this.min = null, this.max = null, this.weeknumbers = S.props.weeknumbers.default, this.withcontrols = S.props.withcontrols.default, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.calendarOpen = !1, this.timezone = "Europe/Oslo", this.inputClasses = {}, this.calRef = u(), this.popupRef = u(), this.helptextSlot = u(), this.singleInputRef = u(), this.rangeInputRef = u(), this.multipleInputRef = u(), this.addToSelected = (t) => {
+    super(), this._valueProperty = "", this.datepickerPopupRef = u(), this._value = [], this.label = "Datovelger", this.dateformat = _.props.dateformat.default, this.multiple = _.props.multiple.default, this.maxlength = null, this.range = _.props.range.default, this.showRangeLabels = !1, this.min = null, this.max = null, this.weeknumbers = _.props.weeknumbers.default, this.withcontrols = _.props.withcontrols.default, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.calendarOpen = !1, this.timezone = "Europe/Oslo", this.inputClasses = {}, this.calRef = u(), this.popupRef = u(), this.helptextSlot = u(), this.singleInputRef = u(), this.rangeInputRef = u(), this.multipleInputRef = u(), this.addToSelected = (t) => {
       const e = this.datepickerPopupRef.value;
-      return e && typeof e.addToSelected == "function" ? e.addToSelected(t, this.min, this.max) : A.addToSelected(t, this.calRef, this.min, this.max);
-    }, this.slotController = new Y(this, this.helptextSlot);
+      return e && typeof e.addToSelected == "function" ? e.addToSelected(t, this.min, this.max) : F.addToSelected(t, this.calRef, this.min, this.max);
+    }, this.slotController = new et(this, this.helptextSlot);
   }
   get value() {
     return this._valueProperty;
@@ -1009,10 +984,10 @@ let p = class extends J {
    * Computed properties
    */
   get inputType() {
-    return tt.getInputType();
+    return nt.getInputType();
   }
   connectedCallback() {
-    super.connectedCallback(), this.timezone && this.timezone !== window.pktTz && (window.pktTz = this.timezone), this.name = k.normalizeNameForMultiple(this.name, this.multiple, this.range) || this.name;
+    super.connectedCallback(), this.timezone && this.timezone !== window.pktTz && (window.pktTz = this.timezone), this.name = B.normalizeNameForMultiple(this.name, this.multiple, this.range) || this.name;
   }
   disconnectedCallback() {
     super.disconnectedCallback();
@@ -1022,30 +997,30 @@ let p = class extends J {
   }
   valueChanged(t, e) {
     if (t === e) return;
-    const s = k.parseValue(t), n = this.multiple && s.length > 1 ? k.filterSelectableDates(
+    const s = O(t), n = this.multiple && s.length > 1 ? B.filterSelectableDates(
       s,
       this.min,
       this.max,
       this.excludedates,
       this.excludeweekdays
     ) : s;
-    if (this.range && !k.validateRangeOrder(n)) {
+    if (this.range && !B.validateRangeOrder(n)) {
       this._value = [], this._valueProperty = "", super.valueChanged("", e);
       return;
     }
     this._value = n;
-    const i = k.formatValue(n);
+    const i = G(n);
     this._valueProperty !== i && (this._valueProperty = i), super.valueChanged(i, e);
   }
   attributeChangedCallback(t, e, s) {
-    t === "value" && this.value !== e && this.valueChanged(s, e), t === "excludedates" && typeof this.excludedates == "string" && (this.excludedates = k.normalizeStringArray(s || "")), t === "excludeweekdays" && typeof this.excludeweekdays == "string" && (this.excludeweekdays = k.normalizeStringArray(s || "")), super.attributeChangedCallback(t, e, s);
+    t === "value" && this.value !== e && this.valueChanged(s, e), t === "excludedates" && typeof this.excludedates == "string" && (this.excludedates = O(s || "")), t === "excludeweekdays" && typeof this.excludeweekdays == "string" && (this.excludeweekdays = O(s || "")), super.attributeChangedCallback(t, e, s);
   }
   updated(t) {
     if (t.has("value")) {
       const e = Array.isArray(this.value) ? this.value.join(",") : this.value, s = t.get("value"), n = Array.isArray(s) ? s.join(",") : s;
       this.valueChanged(e, n);
     }
-    (t.has("multiple") || t.has("range")) && (this.name = k.normalizeNameForMultiple(this.name, this.multiple, this.range) || this.name), t.has("multiple") && (this.multiple && !Array.isArray(this._value) ? this._value = k.parseValue(this.value) : !this.multiple && Array.isArray(this._value) && (this._value = this._value.filter(Boolean)), !this.multiple && !this.range && Array.isArray(this._value) && (this._value = [this._value[0] ?? ""])), super.updated(t);
+    (t.has("multiple") || t.has("range")) && (this.name = B.normalizeNameForMultiple(this.name, this.multiple, this.range) || this.name), t.has("multiple") && (this.multiple && !Array.isArray(this._value) ? this._value = O(this.value) : !this.multiple && Array.isArray(this._value) && (this._value = this._value.filter(Boolean)), !this.multiple && !this.range && Array.isArray(this._value) && (this._value = [this._value[0] ?? ""])), super.updated(t);
   }
   /**
    * Element references
@@ -1133,7 +1108,7 @@ let p = class extends J {
       (e = this.calRef.value) != null && e.contains(t.detail.relatedTarget) || this.onBlur();
     }}
         @range-blur=${(t) => {
-      j.processRangeBlur(
+      M.processRangeBlur(
         t.detail.event,
         t.detail.values,
         this.calRef,
@@ -1147,8 +1122,8 @@ let p = class extends J {
     }}
         @handle-date-select=${(t) => {
       var s, n;
-      const e = M(t.detail);
-      e && this._value[1] !== H(e) && ((n = (s = this.calRef) == null ? void 0 : s.value) == null || n.handleDateSelect(e));
+      const e = L(t.detail);
+      e && this._value[1] !== J(e) && ((n = (s = this.calRef) == null ? void 0 : s.value) == null || n.handleDateSelect(e));
     }}
         @input-changed=${() => {
       this.touched = !0;
@@ -1202,9 +1177,9 @@ let p = class extends J {
         .latest=${this.max}
         .excludedates=${Array.isArray(this.excludedates) ? this.excludedates : this.excludedates.split(",")}
         .excludeweekdays=${this.excludeweekdays}
-        .currentmonth=${this.currentmonth ? G(this.currentmonth) : null}
+        .currentmonth=${this.currentmonth ? Q(this.currentmonth) : null}
         @date-selected=${(t) => {
-      this.value = j.processDateSelection(t.detail, this.multiple, this.range), this._value = t.detail, j.updateInputValues(
+      this.value = M.processDateSelection(t.detail, this.multiple, this.range), this._value = t.detail, M.updateInputValues(
         this.inputRef,
         this.inputRefTo,
         this._value,
@@ -1221,7 +1196,7 @@ let p = class extends J {
     `;
   }
   render() {
-    return this.inputClasses = I.getInputClasses(
+    return this.inputClasses = S.getInputClasses(
       this.fullwidth,
       this.showRangeLabels,
       this.multiple,
@@ -1261,10 +1236,10 @@ let p = class extends J {
               id-base=${this.id}
               @date-tag-removed=${(t) => {
       var n;
-      const e = this.datepickerPopupRef.value, s = M(t.detail);
+      const e = this.datepickerPopupRef.value, s = L(t.detail);
       e && s && typeof e.handleDateSelect == "function" ? e.handleDateSelect(s) : (n = this.calRef.value) == null || n.handleDateSelect(s);
     }}
-            ></pkt-date-tags>` : B}
+            ></pkt-date-tags>` : A}
         <div
           class="pkt-datepicker__inputs ${this.range && this.showRangeLabels ? "pkt-input__range-inputs" : ""}"
         >
@@ -1279,16 +1254,16 @@ let p = class extends J {
    */
   handleCalendarPosition() {
     const t = this.multiple && !!this.maxlength;
-    A.handleCalendarPosition(this.popupRef, this.inputRef, t);
+    F.handleCalendarPosition(this.popupRef, this.inputRef, t);
   }
   async showCalendar() {
     var e;
     const t = this.datepickerPopupRef.value;
     if (this.calendarOpen = !0, t && typeof t.show == "function") {
-      t.show(), T.isIOS() && t.focusOnCurrentDate();
+      t.show(), E() && t.focusOnCurrentDate();
       return;
     }
-    await Z(20), this.handleCalendarPosition(), T.isIOS() && ((e = this.calRef.value) == null || e.focusOnCurrentDate());
+    await tt(20), this.handleCalendarPosition(), E() && ((e = this.calRef.value) == null || e.focusOnCurrentDate());
   }
   hideCalendar() {
     const t = this.datepickerPopupRef.value;
@@ -1351,10 +1326,10 @@ o([
   a({ type: Boolean, reflect: !0 })
 ], p.prototype, "withcontrols", 2);
 o([
-  a({ converter: K.csvToArray })
+  a({ converter: z.csvToArray })
 ], p.prototype, "excludedates", 2);
 o([
-  a({ converter: K.csvToArray })
+  a({ converter: z.csvToArray })
 ], p.prototype, "excludeweekdays", 2);
 o([
   a({ type: String })
@@ -1366,13 +1341,13 @@ o([
   a({ type: String })
 ], p.prototype, "timezone", 2);
 o([
-  N()
+  q()
 ], p.prototype, "inputClasses", 2);
 p = o([
-  _("pkt-datepicker")
+  R("pkt-datepicker")
 ], p);
 export {
-  R as P,
+  T as P,
   p as a,
   y as b,
   m as c,