@oslokommune/punkt-elements 14.2.0 → 14.4.0

package/dist/{datepicker-Bjb9GK1E.js → datepicker-a2LvhbRb.js}

@@ -1,8 +1,8 @@
-import { P as L, E as I, x as o, n as l, a as w } from "./element-CRDRygXu.js";
+import { P as L, E, x as o, n as l, a as w } from "./element-CRDRygXu.js";
 import { r as G } from "./state-DS_kr2Fy.js";
-import { s as K, f as q, n as F, a as J, i as Q, b as M, v as D, d as X, e as Y, p as Z, g as W } from "./calendar-CvfMj3fA.js";
-import { P as ee } from "./input-element-B8M8Nppd.js";
-import { e as m, n as v } from "./ref-Xa5dbh--.js";
+import { s as z, f as K, n as A, a as J, i as Q, b as F, v as D, d as X, e as Y, p as Z, g as H } from "./calendar-CvfMj3fA.js";
+import { P as ee } from "./input-element-CARcDzQB.js";
+import { e as g, n as v } from "./ref-Xa5dbh--.js";
 import "./icon-BB7e5iQN.js";
 import "./input-wrapper-1PCXqtiu.js";
 import { e as $ } from "./class-map-wy7PUk0P.js";
@@ -11,10 +11,10 @@ import "./tag-CES41g0D.js";
 import { u as se, s as ie } from "./utils-DznhwRXm.js";
 import { o as f } from "./if-defined-BWZGb3bh.js";
 import { P as ae } from "./pkt-slot-controller-BPGj-LC5.js";
-var ne = Object.defineProperty, le = Object.getOwnPropertyDescriptor, R = (e, t, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? le(t, i) : t, n = e.length - 1, r; n >= 0; n--)
-    (r = e[n]) && (a = (s ? r(t, i, a) : r(a)) || a);
-  return s && a && ne(t, i, a), a;
+var ne = Object.defineProperty, le = Object.getOwnPropertyDescriptor, R = (e, t, a, s) => {
+  for (var i = s > 1 ? void 0 : s ? le(t, a) : t, n = e.length - 1, r; n >= 0; n--)
+    (r = e[n]) && (i = (s ? r(t, a, i) : r(i)) || i);
+  return s && i && ne(t, a, i), i;
 };
 let k = class extends L {
   constructor() {
@@ -27,7 +27,7 @@ let k = class extends L {
     }, o`
       <div class=${$(this.classes)} aria-live="polite">
         ${Array.isArray(this.dates) && this.dates[0] ? te(
-      K((this.dates ?? []).filter(Boolean)),
+      z((this.dates ?? []).filter(Boolean)),
       (e) => e,
       (e) => {
         var t;
@@ -37,12 +37,12 @@ let k = class extends L {
                   @close=${() => {
           this.dispatchEvent(new CustomEvent("date-tag-removed", { detail: e }));
         }}
-                  .ariaLabel=${`${(t = this.strings) == null ? void 0 : t.calendar.deleteDate} ${q(e, this.dateformat)}`}
+                  .ariaLabel=${`${(t = this.strings) == null ? void 0 : t.calendar.deleteDate} ${K(e, this.dateformat)}`}
                 >
-                  <time datetime=${e}>${q(e, this.dateformat)}</time>
+                  <time datetime=${e}>${K(e, this.dateformat)}</time>
                 </pkt-tag>`;
       }
-    ) : I}
+    ) : E}
       </div>
     `;
   }
@@ -67,26 +67,7 @@ const re = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }
 }, b = () => {
   const e = navigator.userAgent;
   return !!(/iP(hone|od|ad)/.test(e) || /Macintosh/.test(e) && "ontouchend" in document);
-}, E = {
-  /**
-   * Ensures name attribute ends with [] for multiple/range inputs
-   *
-   * For form submission to work correctly with multiple values,
-   * the input name must end with [] to indicate it's an array.
-   *
-   * @param name - The original name attribute value
-   * @param isMultiple - Whether this is a multiple-date picker
-   * @param isRange - Whether this is a range date picker
-   * @returns The normalized name with [] suffix if needed, or null if name is null
-   *
-   * @example
-   * normalizeNameForMultiple('dates', true, false) // Returns 'dates[]'
-   * normalizeNameForMultiple('dates[]', true, false) // Returns 'dates[]' (no change)
-   * normalizeNameForMultiple('date', false, false) // Returns 'date' (no change)
-   */
-  normalizeNameForMultiple(e, t, i) {
-    return e ? (t || i) && !e.endsWith("[]") ? e + "[]" : e : null;
-  },
+}, N = {
   /**
    * Validates that a range has valid order (start <= end)
    *
@@ -112,7 +93,7 @@ const re = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }
    * // Returns ['2024-01-10', '2024-02-20', '2024-03-15']
    */
   sortDates(e) {
-    return K(e);
+    return z(e);
   },
   /**
    * Filters dates to only include selectable ones based on constraints
@@ -139,10 +120,10 @@ const re = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }
    * )
    * // Returns ['2024-01-06'] (after min, not excluded, not a weekend)
    */
-  filterSelectableDates(e, t, i, s, a) {
-    return J(e, t, i, s, a);
+  filterSelectableDates(e, t, a, s, i) {
+    return J(e, t, a, s, i);
   }
-}, ue = {
+}, pe = {
   /**
    * Determines the appropriate input type based on device
    *
@@ -172,8 +153,8 @@ const re = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }
    * submitForm(this) // From within a custom element
    */
   submitForm(e) {
-    var i;
-    const t = (i = e.internals) == null ? void 0 : i.form;
+    var a;
+    const t = (a = e.internals) == null ? void 0 : a.form;
     t && t.requestSubmit();
   },
   /**
@@ -192,8 +173,8 @@ const re = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }
    * )
    */
   submitFormOrFallback(e, t) {
-    const i = e == null ? void 0 : e.form;
-    i ? i.requestSubmit() : t();
+    const a = e == null ? void 0 : e.form;
+    a ? a.requestSubmit() : t();
   },
   /**
    * Validates a date input and sets validity state
@@ -216,20 +197,20 @@ const re = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }
    *   { forms: { messages: { rangeUnderflow: 'Date too early' } } }
    * )
    */
-  validateDateInput(e, t, i, s, a) {
-    var r, h, U, z;
+  validateDateInput(e, t, a, s, i) {
+    var r, h, U, q;
     const n = e.value;
-    n && (i && i > n ? t.setValidity(
+    n && (a && a > n ? t.setValidity(
       { rangeUnderflow: !0 },
-      ((h = (r = a == null ? void 0 : a.forms) == null ? void 0 : r.messages) == null ? void 0 : h.rangeUnderflow) || "Value is below minimum",
+      ((h = (r = i == null ? void 0 : i.forms) == null ? void 0 : r.messages) == null ? void 0 : h.rangeUnderflow) || "Value is below minimum",
       e
     ) : s && s < n && t.setValidity(
       { rangeOverflow: !0 },
-      ((z = (U = a == null ? void 0 : a.forms) == null ? void 0 : U.messages) == null ? void 0 : z.rangeOverflow) || "Value is above maximum",
+      ((q = (U = i == null ? void 0 : i.forms) == null ? void 0 : U.messages) == null ? void 0 : q.rangeOverflow) || "Value is above maximum",
       e
     ));
   }
-}, S = {
+}, P = {
   /**
    * Adds a date to selected dates if it's valid
    *
@@ -250,11 +231,11 @@ const re = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }
    *   '2024-12-31'
    * )
    */
-  addToSelected(e, t, i, s) {
-    const a = e.target;
-    if (!a.value) return;
-    const n = i ? F(i) : null, r = s ? F(s) : null, h = F(a.value.split(",")[0]);
-    h && !isNaN(h.getTime()) && (!n || h >= n) && (!r || h <= r) && t.value && t.value.handleDateSelect(h), a.value = "";
+  addToSelected(e, t, a, s) {
+    const i = e.target;
+    if (!i.value) return;
+    const n = a ? A(a) : null, r = s ? A(s) : null, h = A(i.value.split(",")[0]);
+    h && !isNaN(h.getTime()) && (!n || h >= n) && (!r || h <= r) && t.value && t.value.handleDateSelect(h), i.value = "";
   },
   /**
    * Handles calendar positioning based on viewport and input position
@@ -278,12 +259,12 @@ const re = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }
    *   this.multiple && this.maxlength !== null
    * )
    */
-  handleCalendarPosition(e, t, i = !1) {
+  handleCalendarPosition(e, t, a = !1) {
     var h;
     if (!e.value || !t.value) return;
-    const s = ((h = t.value.parentElement) == null ? void 0 : h.getBoundingClientRect()) || t.value.getBoundingClientRect(), a = i ? s.height + 30 : s.height, n = e.value.getBoundingClientRect().height;
-    let r = i ? "calc(100% - 30px)" : "100%";
-    s && s.top + n > window.innerHeight && s.top - n > 0 && (r = `calc(100% - ${a}px - ${n}px)`), e.value.style.top = r;
+    const s = ((h = t.value.parentElement) == null ? void 0 : h.getBoundingClientRect()) || t.value.getBoundingClientRect(), i = a ? s.height + 30 : s.height, n = e.value.getBoundingClientRect().height;
+    let r = a ? "calc(100% - 30px)" : "100%";
+    s && s.top + n > window.innerHeight && s.top - n > 0 && (r = `calc(100% - ${i}px - ${n}px)`), e.value.style.top = r;
   }
 }, V = {
   /**
@@ -301,15 +282,15 @@ const re = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }
    * const classes = getInputClasses(true, false, false, false, false, 'date')
    * // Returns { 'pkt-input': true, 'pkt-input--fullwidth': true, ... }
    */
-  getInputClasses(e, t, i, s, a, n) {
+  getInputClasses(e, t, a, s, i, n) {
     return {
       "pkt-input": !0,
       "pkt-datepicker__input": !0,
       "pkt-input--fullwidth": e,
       "pkt-datepicker--hasrangelabels": t,
-      "pkt-datepicker--multiple": i,
+      "pkt-datepicker--multiple": a,
       "pkt-datepicker--range": s,
-      "ios-readonly-hack": a === !1 && n === "text"
+      "ios-readonly-hack": i === !1 && n === "text"
     };
   },
   /**
@@ -362,8 +343,8 @@ const re = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }
    * processDateSelection(['2024-01-15'], false, false) // Returns '2024-01-15'
    * processDateSelection(['2024-01-15', '2024-01-20'], true, false) // Returns '2024-01-15,2024-01-20'
    */
-  processDateSelection(e, t, i) {
-    return !t && !i ? e[0] || "" : Array.isArray(e) ? e.join(",") : e;
+  processDateSelection(e, t, a) {
+    return !t && !a ? e[0] || "" : Array.isArray(e) ? e.join(",") : e;
   },
   /**
    * Updates input values after calendar selection
@@ -392,8 +373,8 @@ const re = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }
    *   (input) => this.dispatchManageValidity(input)
    * )
    */
-  updateInputValues(e, t, i, s, a, n) {
-    e.value && (s && (t != null && t.value) ? (e.value.value = i[0] ?? "", t.value.value = i[1] ?? "", n(e.value), n(t.value)) : a || (e.value.value = i.length ? i[0] : "", n(e.value)));
+  updateInputValues(e, t, a, s, i, n) {
+    e.value && (s && (t != null && t.value) ? (e.value.value = a[0] ?? "", t.value.value = a[1] ?? "", n(e.value), n(t.value)) : i || (e.value.value = a.length ? a[0] : "", n(e.value)));
   },
   /**
    * Processes blur events for range inputs
@@ -419,16 +400,16 @@ const re = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }
    *   (input) => this.dispatchManageValidity(input)
    * )
    */
-  processRangeBlur(e, t, i, s, a) {
+  processRangeBlur(e, t, a, s, i) {
     var r;
     const n = e.target;
     if (n.value) {
-      a(n);
-      const h = M(n.value);
-      h && ((r = i == null ? void 0 : i.value) == null || r.handleDateSelect(h));
+      i(n);
+      const h = F(n.value);
+      h && ((r = a == null ? void 0 : a.value) == null || r.handleDateSelect(h));
     } else t[0] && s();
   }
-}, P = {
+}, I = {
   /**
    * Handles common keyboard interactions for datepicker inputs
    *
@@ -467,9 +448,9 @@ const re = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }
    *   () => this.inputRef.value?.blur()
    * )
    */
-  handleInputKeydown(e, t, i, s, a, n) {
+  handleInputKeydown(e, t, a, s, i, n) {
     const { key: r } = e;
-    r === "," && (e.preventDefault(), n ? n(e) : a && a()), (r === "Space" || r === " ") && (e.preventDefault(), t(e)), r === "Enter" && (e.preventDefault(), i ? i() : s ? s() : a && a());
+    r === "," && (e.preventDefault(), n ? n(e) : i && i()), (r === "Space" || r === " ") && (e.preventDefault(), t(e)), r === "Enter" && (e.preventDefault(), a ? a() : s ? s() : i && i());
   },
   /**
    * Handles keyboard interactions for calendar button
@@ -487,21 +468,21 @@ const re = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }
    * )
    */
   handleButtonKeydown(e, t) {
-    const { key: i } = e;
-    (i === "Enter" || i === " " || i === "Space") && (e.preventDefault(), t(e));
+    const { key: a } = e;
+    (a === "Enter" || a === " " || a === "Space") && (e.preventDefault(), t(e));
   }
 };
-var pe = Object.defineProperty, oe = Object.getOwnPropertyDescriptor, c = (e, t, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? oe(t, i) : t, n = e.length - 1, r; n >= 0; n--)
-    (r = e[n]) && (a = (s ? r(t, i, a) : r(a)) || a);
-  return s && a && pe(t, i, a), a;
+var ue = Object.defineProperty, oe = Object.getOwnPropertyDescriptor, c = (e, t, a, s) => {
+  for (var i = s > 1 ? void 0 : s ? oe(t, a) : t, n = e.length - 1, r; n >= 0; n--)
+    (r = e[n]) && (i = (s ? r(t, a, i) : r(i)) || i);
+  return s && i && ue(t, a, i), i;
 };
 let d = class extends L {
   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 = m(), this.calendarRef = m(), this.handleDocumentClick = (e) => {
+    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 = g(), this.calendarRef = g(), this.handleDocumentClick = (e) => {
       if (!this.open) return;
-      const t = e.composedPath(), i = this.parentElement, s = this.popupRef.value;
-      !t.includes(this) && !t.includes(s) && !(i && t.includes(i)) && (this.hide(), this.dispatchEvent(new CustomEvent("close", { bubbles: !0, composed: !0 })));
+      const t = e.composedPath(), a = this.parentElement, s = this.popupRef.value;
+      !t.includes(this) && !t.includes(s) && !(a && t.includes(a)) && (this.hide(), this.dispatchEvent(new CustomEvent("close", { bubbles: !0, composed: !0 })));
     }, this.handleDocumentKeydown = (e) => {
       this.open && e.key === "Escape" && (this.hide(), this.dispatchEvent(new CustomEvent("close", { bubbles: !0, composed: !0 })));
     };
@@ -530,9 +511,9 @@ let d = class extends L {
     const e = this.calendarRef.value;
     e && typeof e.focusOnCurrentDate == "function" && e.focusOnCurrentDate();
   }
-  addToSelected(e, t, i) {
-    if (typeof S.addToSelected == "function")
-      return S.addToSelected(e, this.calendarRef, t, i);
+  addToSelected(e, t, a) {
+    if (typeof P.addToSelected == "function")
+      return P.addToSelected(e, this.calendarRef, t, a);
   }
   handleDateSelect(e) {
     const t = this.calendarRef.value;
@@ -613,14 +594,14 @@ c([
 d = c([
   w("pkt-datepicker-popup")
 ], d);
-var he = Object.defineProperty, y = (e, t, i, s) => {
-  for (var a = void 0, n = e.length - 1, r; n >= 0; n--)
-    (r = e[n]) && (a = r(t, i, a) || a);
-  return a && he(t, i, a), a;
+var he = Object.defineProperty, y = (e, t, a, s) => {
+  for (var i = void 0, n = e.length - 1, r; n >= 0; n--)
+    (r = e[n]) && (i = r(t, a, i) || i);
+  return i && he(t, a, i), i;
 };
-class g extends L {
+class m extends L {
   constructor() {
-    super(...arguments), this.inputType = "date", this.id = "", this.readonly = !1, this.disabled = !1, this.inputClasses = {}, this.inputRef = m(), this.btnRef = m();
+    super(...arguments), this.inputType = "date", this.id = "", this.readonly = !1, this.disabled = !1, this.inputClasses = {}, this.inputRef = g(), this.btnRef = g();
   }
   // Shared getters
   get inputElement() {
@@ -684,10 +665,10 @@ class g extends L {
       <button
         class="${$(V.getButtonClasses())}"
         type="button"
-        @click=${(i) => this.dispatchToggleCalendar(i)}
-        @keydown=${(i) => {
-      const { key: s } = i;
-      (s === "Enter" || s === " " || s === "Space") && (i.preventDefault(), this.dispatchToggleCalendar(i));
+        @click=${(a) => this.dispatchToggleCalendar(a)}
+        @keydown=${(a) => {
+      const { key: s } = a;
+      (s === "Enter" || s === " " || s === "Space") && (a.preventDefault(), this.dispatchToggleCalendar(a));
     }}
         ?disabled=${this.disabled}
         ${this.btnRef}
@@ -704,45 +685,45 @@ class g extends L {
 }
 y([
   l({ type: String })
-], g.prototype, "inputType");
+], m.prototype, "inputType");
 y([
   l({ type: String })
-], g.prototype, "id");
+], m.prototype, "id");
 y([
   l({ type: String })
-], g.prototype, "min");
+], m.prototype, "min");
 y([
   l({ type: String })
-], g.prototype, "max");
+], m.prototype, "max");
 y([
   l({ type: String })
-], g.prototype, "placeholder");
+], m.prototype, "placeholder");
 y([
   l({ type: Boolean })
-], g.prototype, "readonly");
+], m.prototype, "readonly");
 y([
   l({ type: Boolean })
-], g.prototype, "disabled");
+], m.prototype, "disabled");
 y([
   l({ type: Object })
-], g.prototype, "inputClasses");
+], m.prototype, "inputClasses");
 y([
   l({ type: Object })
-], g.prototype, "internals");
-const H = {
+], m.prototype, "internals");
+const W = {
   calendar: { buttonAltText: "Åpne kalender" }
 }, de = {
   calendar: { buttonAltText: "Åpne kalender" },
   generic: { from: "Fra", to: "Til" }
 };
-var ce = Object.defineProperty, me = Object.getOwnPropertyDescriptor, N = (e, t, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? me(t, i) : t, n = e.length - 1, r; n >= 0; n--)
-    (r = e[n]) && (a = (s ? r(t, i, a) : r(a)) || a);
-  return s && a && ce(t, i, a), a;
+var ce = Object.defineProperty, ge = Object.getOwnPropertyDescriptor, M = (e, t, a, s) => {
+  for (var i = s > 1 ? void 0 : s ? ge(t, a) : t, n = e.length - 1, r; n >= 0; n--)
+    (r = e[n]) && (i = (s ? r(t, a, i) : r(i)) || i);
+  return s && i && ce(t, a, i), i;
 };
-let O = class extends g {
+let S = class extends m {
   constructor() {
-    super(...arguments), this.value = "", this.strings = H;
+    super(...arguments), this.value = "", this.strings = W;
   }
   dispatchManageValidity(e) {
     this.dispatchEvent(
@@ -773,7 +754,7 @@ let O = class extends g {
       e.preventDefault(), this.dispatchToggleCalendar(e);
     }}
           ?disabled=${this.disabled}
-          @keydown=${(e) => P.handleInputKeydown(
+          @keydown=${(e) => I.handleInputKeydown(
       e,
       (t) => this.dispatchToggleCalendar(t),
       () => x.submitFormOrFallback(this.internals, () => {
@@ -811,33 +792,33 @@ let O = class extends g {
     `;
   }
 };
-N([
+M([
   l({ type: String })
-], O.prototype, "value", 2);
-N([
+], S.prototype, "value", 2);
+M([
   l({ type: Object })
-], O.prototype, "strings", 2);
-O = N([
+], S.prototype, "strings", 2);
+S = M([
   w("pkt-datepicker-single")
-], O);
-var fe = Object.defineProperty, ge = Object.getOwnPropertyDescriptor, B = (e, t, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? ge(t, i) : t, n = e.length - 1, r; n >= 0; n--)
-    (r = e[n]) && (a = (s ? r(t, i, a) : r(a)) || a);
-  return s && a && fe(t, i, a), a;
+], S);
+var fe = Object.defineProperty, me = Object.getOwnPropertyDescriptor, O = (e, t, a, s) => {
+  for (var i = s > 1 ? void 0 : s ? me(t, a) : t, n = e.length - 1, r; n >= 0; n--)
+    (r = e[n]) && (i = (s ? r(t, a, i) : r(i)) || i);
+  return s && i && fe(t, a, i), i;
 };
-let _ = class extends g {
+let _ = class extends m {
   constructor() {
-    super(...arguments), this.value = [], this.showRangeLabels = !1, this.strings = de, this.inputRefTo = m();
+    super(...arguments), this.value = [], this.showRangeLabels = !1, this.strings = de, this.inputRefTo = g();
   }
   get inputElementTo() {
     return this.inputRefTo.value;
   }
   render() {
-    var t, i;
+    var t, a;
     const e = V.getRangeLabelClasses(this.showRangeLabels);
     return o`
       <div class="pkt-input__container">
-        ${this.showRangeLabels ? o` <div class="pkt-input-prefix">${(t = this.strings.generic) == null ? void 0 : t.from}</div> ` : I}
+        ${this.showRangeLabels ? o` <div class="pkt-input-prefix">${(t = this.strings.generic) == null ? void 0 : t.from}</div> ` : E}
         <input
           class=${$(this.inputClasses)}
           .type=${this.inputType}
@@ -854,23 +835,23 @@ let _ = class extends g {
           @touchend=${(s) => {
       s.preventDefault(), this.dispatchToggleCalendar(s);
     }}
-          @keydown=${(s) => P.handleInputKeydown(
+          @keydown=${(s) => I.handleInputKeydown(
       s,
-      (a) => this.dispatchToggleCalendar(a),
+      (i) => this.dispatchToggleCalendar(i),
       () => x.submitFormOrFallback(
         this.internals,
         () => {
-          var a;
-          return (a = this.inputRefTo.value) == null ? void 0 : a.focus();
+          var i;
+          return (i = this.inputRefTo.value) == null ? void 0 : i.focus();
         }
       ),
       () => {
-        var a;
-        return (a = this.inputRefTo.value) == null ? void 0 : a.focus();
+        var i;
+        return (i = this.inputRefTo.value) == null ? void 0 : i.focus();
       },
       () => {
-        var a;
-        return (a = this.inputRef.value) == null ? void 0 : a.blur();
+        var i;
+        return (i = this.inputRef.value) == null ? void 0 : i.blur();
       }
     )}
           @input=${(s) => {
@@ -898,9 +879,9 @@ let _ = class extends g {
           ${v(this.inputRef)}
         />
         <div class="${$(e)}" id="${this.id}-to-label">
-          ${(i = this.strings.generic) == null ? void 0 : i.to}
+          ${(a = this.strings.generic) == null ? void 0 : a.to}
         </div>
-        ${this.showRangeLabels ? I : o` <div class="pkt-input-separator">–</div> `}
+        ${this.showRangeLabels ? E : o` <div class="pkt-input-separator">–</div> `}
         <input
           class=${$(this.inputClasses)}
           .type=${this.inputType}
@@ -918,17 +899,17 @@ let _ = class extends g {
           @touchend=${(s) => {
       s.preventDefault(), this.dispatchToggleCalendar(s);
     }}
-          @keydown=${(s) => P.handleInputKeydown(
+          @keydown=${(s) => I.handleInputKeydown(
       s,
-      (a) => this.dispatchToggleCalendar(a),
+      (i) => this.dispatchToggleCalendar(i),
       () => x.submitFormOrFallback(this.internals, () => {
-        var a;
-        return (a = this.inputRefTo.value) == null ? void 0 : a.blur();
+        var i;
+        return (i = this.inputRefTo.value) == null ? void 0 : i.blur();
       }),
       void 0,
       () => {
-        var a;
-        return (a = this.inputRefTo.value) == null ? void 0 : a.blur();
+        var i;
+        return (i = this.inputRefTo.value) == null ? void 0 : i.blur();
       }
     )}
           @input=${(s) => {
@@ -960,26 +941,26 @@ let _ = class extends g {
     `;
   }
 };
-B([
+O([
   l({ type: Array })
 ], _.prototype, "value", 2);
-B([
+O([
   l({ type: Boolean })
 ], _.prototype, "showRangeLabels", 2);
-B([
+O([
   l({ type: Object })
 ], _.prototype, "strings", 2);
-_ = B([
+_ = O([
   w("pkt-datepicker-range")
 ], _);
-var ve = Object.defineProperty, ye = Object.getOwnPropertyDescriptor, A = (e, t, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? ye(t, i) : t, n = e.length - 1, r; n >= 0; n--)
-    (r = e[n]) && (a = (s ? r(t, i, a) : r(a)) || a);
-  return s && a && ve(t, i, a), a;
+var ve = Object.defineProperty, ye = Object.getOwnPropertyDescriptor, B = (e, t, a, s) => {
+  for (var i = s > 1 ? void 0 : s ? ye(t, a) : t, n = e.length - 1, r; n >= 0; n--)
+    (r = e[n]) && (i = (s ? r(t, a, i) : r(i)) || i);
+  return s && i && ve(t, a, i), i;
 };
-let T = class extends g {
+let T = class extends m {
   constructor() {
-    super(...arguments), this.value = [], this.strings = H;
+    super(...arguments), this.value = [], this.strings = W;
   }
   get isInputDisabled() {
     return this.disabled || this.maxlength !== void 0 && this.maxlength !== null && this.value.length >= this.maxlength;
@@ -1020,7 +1001,7 @@ let T = class extends g {
           @focus=${() => {
       this.dispatchFocus(), b() && this.dispatchToggleCalendar(new Event("focus"));
     }}
-          @keydown=${(e) => P.handleInputKeydown(
+          @keydown=${(e) => I.handleInputKeydown(
       e,
       (t) => this.dispatchToggleCalendar(t),
       () => x.submitFormOrFallback(this.internals, () => {
@@ -1041,31 +1022,31 @@ let T = class extends g {
     `;
   }
 };
-A([
+B([
   l({ type: Array })
 ], T.prototype, "value", 2);
-A([
+B([
   l({ type: Number })
 ], T.prototype, "maxlength", 2);
-A([
+B([
   l({ type: Object })
 ], T.prototype, "strings", 2);
-T = A([
+T = B([
   w("pkt-datepicker-multiple")
 ], T);
-var $e = Object.defineProperty, be = Object.getOwnPropertyDescriptor, p = (e, t, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? be(t, i) : t, n = e.length - 1, r; n >= 0; n--)
-    (r = e[n]) && (a = (s ? r(t, i, a) : r(a)) || a);
-  return s && a && $e(t, i, a), a;
+var $e = Object.defineProperty, be = Object.getOwnPropertyDescriptor, u = (e, t, a, s) => {
+  for (var i = s > 1 ? void 0 : s ? be(t, a) : t, n = e.length - 1, r; n >= 0; n--)
+    (r = e[n]) && (i = (s ? r(t, a, i) : r(i)) || i);
+  return s && i && $e(t, a, i), i;
 };
-let u = class extends ee {
+let p = class extends ee {
   /**
    * Housekeeping / lifecycle methods
    */
   constructor() {
-    super(), this._valueProperty = "", this.datepickerPopupRef = m(), this._value = [], this.label = "Datovelger", this.dateformat = C.props.dateformat.default, this.multiple = C.props.multiple.default, this.maxlength = null, this.range = C.props.range.default, this.showRangeLabels = !1, this.min = null, this.max = null, this.weeknumbers = C.props.weeknumbers.default, this.withcontrols = C.props.withcontrols.default, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.calendarOpen = !1, this.timezone = "Europe/Oslo", this.inputClasses = {}, this.calRef = m(), this.popupRef = m(), this.helptextSlot = m(), this.singleInputRef = m(), this.rangeInputRef = m(), this.multipleInputRef = m(), this.addToSelected = (e) => {
+    super(), this._valueProperty = "", this.datepickerPopupRef = g(), this._value = [], this.label = "Datovelger", this.dateformat = C.props.dateformat.default, this.multiple = C.props.multiple.default, this.maxlength = null, this.range = C.props.range.default, this.showRangeLabels = !1, this.min = null, this.max = null, this.weeknumbers = C.props.weeknumbers.default, this.withcontrols = C.props.withcontrols.default, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.calendarOpen = !1, this.timezone = "Europe/Oslo", this.inputClasses = {}, this.calRef = g(), this.popupRef = g(), this.helptextSlot = g(), this.singleInputRef = g(), this.rangeInputRef = g(), this.multipleInputRef = g(), this.addToSelected = (e) => {
       const t = this.datepickerPopupRef.value;
-      return t && typeof t.addToSelected == "function" ? t.addToSelected(e, this.min, this.max) : S.addToSelected(e, this.calRef, this.min, this.max);
+      return t && typeof t.addToSelected == "function" ? t.addToSelected(e, this.min, this.max) : P.addToSelected(e, this.calRef, this.min, this.max);
     }, this.slotController = new ae(this, this.helptextSlot);
   }
   get value() {
@@ -1079,10 +1060,10 @@ let u = class extends ee {
    * Computed properties
    */
   get inputType() {
-    return ue.getInputType();
+    return pe.getInputType();
   }
   connectedCallback() {
-    super.connectedCallback(), this.timezone && this.timezone !== window.pktTz && (window.pktTz = this.timezone), this.name = E.normalizeNameForMultiple(this.name, this.multiple, this.range) || this.name;
+    super.connectedCallback(), this.timezone && this.timezone !== window.pktTz && (window.pktTz = this.timezone);
   }
   disconnectedCallback() {
     super.disconnectedCallback();
@@ -1092,30 +1073,30 @@ let u = class extends ee {
   }
   valueChanged(e, t) {
     if (e === t) return;
-    const i = D(e), s = this.multiple && i.length > 1 ? E.filterSelectableDates(
-      i,
+    const a = D(e), s = this.multiple && a.length > 1 ? N.filterSelectableDates(
+      a,
       this.min,
       this.max,
       this.excludedates,
       this.excludeweekdays
-    ) : i;
-    if (this.range && !E.validateRangeOrder(s)) {
+    ) : a;
+    if (this.range && !N.validateRangeOrder(s)) {
       this._value = [], this._valueProperty = "", super.valueChanged("", t);
       return;
     }
     this._value = s;
-    const a = X(s);
-    this._valueProperty !== a && (this._valueProperty = a), super.valueChanged(a, t);
+    const i = X(s);
+    this._valueProperty !== i && (this._valueProperty = i), super.valueChanged(i, t);
   }
-  attributeChangedCallback(e, t, i) {
-    e === "value" && this.value !== t && this.valueChanged(i, t), e === "excludedates" && typeof this.excludedates == "string" && (this.excludedates = D(i || "")), e === "excludeweekdays" && typeof this.excludeweekdays == "string" && (this.excludeweekdays = D(i || "")), super.attributeChangedCallback(e, t, i);
+  attributeChangedCallback(e, t, a) {
+    e === "value" && this.value !== t && this.valueChanged(a, t), e === "excludedates" && typeof this.excludedates == "string" && (this.excludedates = D(a || "")), e === "excludeweekdays" && typeof this.excludeweekdays == "string" && (this.excludeweekdays = D(a || "")), super.attributeChangedCallback(e, t, a);
   }
   updated(e) {
     if (e.has("value")) {
-      const t = Array.isArray(this.value) ? this.value.join(",") : this.value, i = e.get("value"), s = Array.isArray(i) ? i.join(",") : i;
+      const t = Array.isArray(this.value) ? this.value.join(",") : this.value, a = e.get("value"), s = Array.isArray(a) ? a.join(",") : a;
       this.valueChanged(t, s);
     }
-    (e.has("multiple") || e.has("range")) && (this.name = E.normalizeNameForMultiple(this.name, this.multiple, this.range) || this.name), e.has("multiple") && (this.multiple && !Array.isArray(this._value) ? this._value = D(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(e);
+    e.has("multiple") && (this.multiple && !Array.isArray(this._value) ? this._value = D(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(e);
   }
   /**
    * Element references
@@ -1129,8 +1110,8 @@ let u = class extends ee {
   }
   // Getters for backward compatibility with input refs
   get currentInputElement() {
-    var e, t, i;
-    return this.multiple ? (e = this.multipleInputRef.value) == null ? void 0 : e.inputElement : this.range ? (t = this.rangeInputRef.value) == null ? void 0 : t.inputElement : (i = this.singleInputRef.value) == null ? void 0 : i.inputElement;
+    var e, t, a;
+    return this.multiple ? (e = this.multipleInputRef.value) == null ? void 0 : e.inputElement : this.range ? (t = this.rangeInputRef.value) == null ? void 0 : t.inputElement : (a = this.singleInputRef.value) == null ? void 0 : a.inputElement;
   }
   get currentInputElementTo() {
     var e;
@@ -1138,8 +1119,8 @@ let u = class extends ee {
       return (e = this.rangeInputRef.value) == null ? void 0 : e.inputElementTo;
   }
   get currentButtonElement() {
-    var e, t, i;
-    return this.multiple ? (e = this.multipleInputRef.value) == null ? void 0 : e.buttonElement : this.range ? (t = this.rangeInputRef.value) == null ? void 0 : t.buttonElement : (i = this.singleInputRef.value) == null ? void 0 : i.buttonElement;
+    var e, t, a;
+    return this.multiple ? (e = this.multipleInputRef.value) == null ? void 0 : e.buttonElement : this.range ? (t = this.rangeInputRef.value) == null ? void 0 : t.buttonElement : (a = this.singleInputRef.value) == null ? void 0 : a.buttonElement;
   }
   // Override btnRef for compatibility
   get btnRef() {
@@ -1203,13 +1184,13 @@ let u = class extends ee {
       (t = this.calRef.value) != null && t.contains(e.detail.relatedTarget) || this.onBlur();
     }}
         @range-blur=${(e) => {
-      const t = this.currentInputElement, i = this.currentInputElementTo;
-      if (t && i) {
-        const s = t.value, a = i.value;
-        if (s && a && s > a)
-          i.value = "", this._value = [s], this.value = s;
+      const t = this.currentInputElement, a = this.currentInputElementTo;
+      if (t && a) {
+        const s = t.value, i = a.value;
+        if (s && i && s > i)
+          a.value = "", this._value = [s], this.value = s;
         else {
-          const n = [s, a].filter(Boolean);
+          const n = [s, i].filter(Boolean);
           n.length > 0 && (n[0] !== this._value[0] || n[1] !== this._value[1]) && (this._value = n, this.value = n.join(","));
         }
       }
@@ -1226,11 +1207,11 @@ let u = class extends ee {
       x.validateDateInput(e.detail, this.internals, this.min, this.max, this.strings);
     }}
         @handle-date-select=${(e) => {
-      var i, s;
-      const t = M(e.detail);
+      var a, s;
+      const t = F(e.detail);
       if (t) {
-        const a = Y(t);
-        this._value[0] !== a && this._value[1] !== a && ((s = (i = this.calRef) == null ? void 0 : i.value) == null || s.handleDateSelect(t));
+        const i = Y(t);
+        this._value[0] !== i && this._value[1] !== i && ((s = (a = this.calRef) == null ? void 0 : a.value) == null || s.handleDateSelect(t));
       }
     }}
         @input-changed=${() => {
@@ -1344,10 +1325,10 @@ let u = class extends ee {
               id-base=${this.id}
               @date-tag-removed=${(e) => {
       var s;
-      const t = this.datepickerPopupRef.value, i = M(e.detail);
-      t && i && typeof t.handleDateSelect == "function" ? t.handleDateSelect(i) : (s = this.calRef.value) == null || s.handleDateSelect(i);
+      const t = this.datepickerPopupRef.value, a = F(e.detail);
+      t && a && typeof t.handleDateSelect == "function" ? t.handleDateSelect(a) : (s = this.calRef.value) == null || s.handleDateSelect(a);
     }}
-            ></pkt-date-tags>` : I}
+            ></pkt-date-tags>` : E}
         <div
           class="pkt-datepicker__inputs ${this.range && this.showRangeLabels ? "pkt-input__range-inputs" : ""}"
         >
@@ -1362,7 +1343,7 @@ let u = class extends ee {
    */
   handleCalendarPosition() {
     const e = this.multiple && !!this.maxlength;
-    S.handleCalendarPosition(this.popupRef, this.inputRef, e);
+    P.handleCalendarPosition(this.popupRef, this.inputRef, e);
   }
   async showCalendar() {
     var t;
@@ -1381,8 +1362,8 @@ let u = class extends ee {
     e.preventDefault();
     const t = this.datepickerPopupRef.value;
     if (t && typeof t.toggle == "function") {
-      const i = !!t.open;
-      t.toggle(), this.calendarOpen = !i;
+      const a = !!t.open;
+      t.toggle(), this.calendarOpen = !a;
       return;
     }
     this.calendarOpen ? this.hideCalendar() : this.showCalendar();
@@ -1397,67 +1378,67 @@ let u = class extends ee {
     );
   }
 };
-p([
+u([
   l({ type: String, reflect: !0 })
-], u.prototype, "value", 1);
-p([
+], p.prototype, "value", 1);
+u([
   l({ type: Array })
-], u.prototype, "_value", 2);
-p([
+], p.prototype, "_value", 2);
+u([
   l({ type: String, reflect: !0 })
-], u.prototype, "label", 2);
-p([
+], p.prototype, "label", 2);
+u([
   l({ type: String })
-], u.prototype, "dateformat", 2);
-p([
+], p.prototype, "dateformat", 2);
+u([
   l({ type: Boolean, reflect: !0 })
-], u.prototype, "multiple", 2);
-p([
+], p.prototype, "multiple", 2);
+u([
   l({ type: Number, reflect: !0 })
-], u.prototype, "maxlength", 2);
-p([
+], p.prototype, "maxlength", 2);
+u([
   l({ type: Boolean, reflect: !0 })
-], u.prototype, "range", 2);
-p([
+], p.prototype, "range", 2);
+u([
   l({ type: Boolean })
-], u.prototype, "showRangeLabels", 2);
-p([
+], p.prototype, "showRangeLabels", 2);
+u([
   l({ type: String, reflect: !0 })
-], u.prototype, "min", 2);
-p([
+], p.prototype, "min", 2);
+u([
   l({ type: String, reflect: !0 })
-], u.prototype, "max", 2);
-p([
+], p.prototype, "max", 2);
+u([
   l({ type: Boolean })
-], u.prototype, "weeknumbers", 2);
-p([
+], p.prototype, "weeknumbers", 2);
+u([
   l({ type: Boolean, reflect: !0 })
-], u.prototype, "withcontrols", 2);
-p([
-  l({ converter: W.csvToArray })
-], u.prototype, "excludedates", 2);
-p([
-  l({ converter: W.csvToArray })
-], u.prototype, "excludeweekdays", 2);
-p([
+], p.prototype, "withcontrols", 2);
+u([
+  l({ converter: H.csvToArray })
+], p.prototype, "excludedates", 2);
+u([
+  l({ converter: H.csvToArray })
+], p.prototype, "excludeweekdays", 2);
+u([
   l({ type: String })
-], u.prototype, "currentmonth", 2);
-p([
+], p.prototype, "currentmonth", 2);
+u([
   l({ type: Boolean, reflect: !0 })
-], u.prototype, "calendarOpen", 2);
-p([
+], p.prototype, "calendarOpen", 2);
+u([
   l({ type: String })
-], u.prototype, "timezone", 2);
-p([
+], p.prototype, "timezone", 2);
+u([
   G()
-], u.prototype, "inputClasses", 2);
-u = p([
+], p.prototype, "inputClasses", 2);
+p = u([
   w("pkt-datepicker")
-], u);
+], p);
 export {
   k as P,
-  u as a,
-  O as b,
+  p as a,
+  S as b,
   _ as c,
   T as d
 };