@oslokommune/punkt-elements 16.7.3 → 16.7.4

package/dist/datepicker-euHyzXnb.js

@@ -1,1170 +0,0 @@
-import { t as w, P as L, A as T, b as h, n as r } from "./element-CPpT3rFQ.js";
-import { r as q } from "./state-C_1EOo3D.js";
-import { s as z, f as U, a as Q, i as X, n as C, b as F, c as H, v as E, d as Y, p as Z, e as W } from "./calendar-DhjQDC4C.js";
-import { P as ee } from "./input-element-8nLwuQS4.js";
-import { e as m, n as v } from "./ref-Bg_Swj5w.js";
-import "./icon-CxQcIa5F.js";
-import "./input-wrapper-Bs4CRNst.js";
-import { e as b } from "./class-map-CEnykyO_.js";
-import { c as te } from "./repeat-BD8TKgJb.js";
-import "./tag-D4FI5t3y.js";
-import { u as se, s as ie } from "./utils-DznhwRXm.js";
-import { o as f } from "./if-defined-B0krMLad.js";
-import { s as ae } from "./element-with-slot-Dqk6-TRR.js";
-const G = {
-  calendar: { buttonAltText: "Åpne kalender" }
-}, ne = {
-  calendar: { buttonAltText: "Åpne kalender" },
-  generic: { from: "Fra", to: "Til" }
-};
-var le = Object.defineProperty, P = (i, e, t, a) => {
-  for (var s = void 0, l = i.length - 1, n; l >= 0; l--)
-    (n = i[l]) && (s = n(e, t, s) || s);
-  return s && le(e, t, s), s;
-};
-class R extends L {
-  constructor() {
-    super(...arguments), this.dates = [], this.dateformat = "dd.MM.yyyy", this.className = "pkt-datepicker__tags", this.idBase = se();
-  }
-  render() {
-    return this.classes = {
-      "pkt-date-tags": !0,
-      [this.className]: !0
-    }, h`
-      <div class=${b(this.classes)} aria-live="polite">
-        ${Array.isArray(this.dates) && this.dates[0] ? te(
-      z((this.dates ?? []).filter(Boolean)),
-      (e) => e,
-      (e) => {
-        var t;
-        return h` <pkt-tag
-                  id=${this.idBase + e + "-tag"}
-                  closeTag
-                  @close=${() => {
-          this.dispatchEvent(new CustomEvent("date-tag-removed", { detail: e }));
-        }}
-                  .ariaLabel=${`${(t = this.strings) == null ? void 0 : t.calendar.deleteDate} ${U(e, this.dateformat)}`}
-                >
-                  <time datetime=${e}>${U(e, this.dateformat)}</time>
-                </pkt-tag>`;
-      }
-    ) : T}
-      </div>
-    `;
-  }
-}
-P([
-  r({ type: Array })
-], R.prototype, "dates");
-P([
-  r({ type: String })
-], R.prototype, "dateformat");
-P([
-  r({ type: String, attribute: "class" })
-], R.prototype, "className");
-P([
-  r({ type: String, attribute: "id-base" })
-], R.prototype, "idBase");
-try {
-  w("pkt-date-tags")(R);
-} catch {
-  console.warn("Forsøker å definere <pkt-date-tags>, men den er allerede definert");
-}
-const re = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }, withcontrols: { default: !1 }, multiple: { default: !1 }, range: { default: !1 } }, x = {
-  props: re
-}, k = () => {
-  const i = navigator.userAgent;
-  return !!(/iP(hone|od|ad)/.test(i) || /Macintosh/.test(i) && "ontouchend" in document);
-}, oe = () => k() ? "text" : "date", ue = (i) => !i || i.length !== 2 ? !0 : X(i[0], i[1]), pe = (i) => z(i), he = (i, e, t, a, s) => Q(i, e, t, a, s), de = (i, e, t, a, s, l) => ({
-  "pkt-input": !0,
-  "pkt-datepicker__input": !0,
-  "pkt-input--fullwidth": i,
-  "pkt-datepicker--hasrangelabels": e,
-  "pkt-datepicker--multiple": t,
-  "pkt-datepicker--range": a,
-  "ios-readonly-hack": s === !1 && l === "text"
-}), ce = () => ({
-  "pkt-input-icon": !0,
-  "pkt-btn": !0,
-  "pkt-btn--icon-only": !0,
-  "pkt-btn--tertiary": !0,
-  "pkt-datepicker__calendar-button": !0
-}), fe = (i) => ({
-  "pkt-input-prefix": i,
-  "pkt-hide": !i
-}), ge = (i, e, t) => !e && !t ? Array.isArray(i) ? i[0] || "" : i : Array.isArray(i) ? i.join(",") : i, me = (i, e, t = !1) => {
-  var o;
-  if (!i || !e) return;
-  const a = ((o = e.parentElement) == null ? void 0 : o.getBoundingClientRect()) || e.getBoundingClientRect(), s = t ? a.height + 30 : a.height, l = i.getBoundingClientRect().height;
-  let n = t ? "calc(100% - 30px)" : "100%";
-  a && a.top + l > window.innerHeight && a.top - l > 0 && (n = `calc(100% - ${s}px - ${l}px)`), i.style.top = n;
-}, ve = (i, e, t, a, s, l) => {
-  const { key: n } = i;
-  n === "," && (i.preventDefault(), l ? l(i) : s && s()), (n === "Space" || n === " ") && (i.preventDefault(), e(i)), n === "Enter" && (i.preventDefault(), t ? t() : a ? a() : s && s());
-}, ye = (i, e) => {
-  const { key: t } = i;
-  (t === "Enter" || t === " " || t === "Space") && (i.preventDefault(), e(i));
-}, N = {
-  validateRangeOrder: ue,
-  sortDates: pe,
-  filterSelectableDates: he
-}, $e = {
-  getInputType: oe
-}, _ = {
-  submitForm(i) {
-    var t;
-    const e = (t = i.internals) == null ? void 0 : t.form;
-    e && e.requestSubmit();
-  },
-  submitFormOrFallback(i, e) {
-    const t = i == null ? void 0 : i.form;
-    t ? t.requestSubmit() : e();
-  },
-  validateDateInput(i, e, t, a, s) {
-    var n, o, $, K;
-    const l = i.value;
-    l && (t && t > l ? e.setValidity(
-      { rangeUnderflow: !0 },
-      ((o = (n = s == null ? void 0 : s.forms) == null ? void 0 : n.messages) == null ? void 0 : o.rangeUnderflow) || "Value is below minimum",
-      i
-    ) : a && a < l && e.setValidity(
-      { rangeOverflow: !0 },
-      ((K = ($ = s == null ? void 0 : s.forms) == null ? void 0 : $.messages) == null ? void 0 : K.rangeOverflow) || "Value is above maximum",
-      i
-    ));
-  }
-}, S = {
-  addToSelected(i, e, t, a) {
-    const s = i.target;
-    if (!s.value) return;
-    const l = t ? C(t) : null, n = a ? C(a) : null, o = C(s.value.split(",")[0]);
-    o && !isNaN(o.getTime()) && (!l || o >= l) && (!n || o <= n) && e.value && e.value.handleDateSelect(o), s.value = "";
-  },
-  handleCalendarPosition(i, e, t = !1) {
-    me(i.value ?? null, e.value ?? null, t);
-  }
-}, V = {
-  getInputClasses: de,
-  getButtonClasses: ce,
-  getRangeLabelClasses: fe
-}, A = {
-  processDateSelection: ge,
-  updateInputValues(i, e, t, a, s, l) {
-    i.value && (a && (e != null && e.value) ? (i.value.value = t[0] ?? "", e.value.value = t[1] ?? "", l(i.value), l(e.value)) : s || (i.value.value = t.length ? t[0] : "", l(i.value)));
-  },
-  processRangeBlur(i, e, t, a, s) {
-    var n;
-    const l = i.target;
-    if (l.value) {
-      s(l);
-      const o = F(l.value);
-      o && ((n = t == null ? void 0 : t.value) == null || n.handleDateSelect(o));
-    } else e[0] && a();
-  }
-}, I = {
-  handleInputKeydown: ve,
-  handleButtonKeydown: ye
-};
-var be = Object.defineProperty, c = (i, e, t, a) => {
-  for (var s = void 0, l = i.length - 1, n; l >= 0; l--)
-    (n = i[l]) && (s = n(e, t, s) || s);
-  return s && be(e, t, s), s;
-};
-class d 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.today = null, this._hasBeenOpened = !1, this.popupRef = m(), this.calendarRef = m(), this.handleDocumentClick = (e) => {
-      if (!this.open) return;
-      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 })));
-    };
-  }
-  firstUpdated() {
-    this.calRef = this.calendarRef;
-  }
-  updated(e) {
-    super.updated(e), e.has("open") && (this.open ? (this._hasBeenOpened = !0, document.addEventListener("keydown", this.handleDocumentKeydown), document.addEventListener("click", this.handleDocumentClick)) : (document.removeEventListener("click", this.handleDocumentClick), document.removeEventListener("keydown", this.handleDocumentKeydown)));
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("click", this.handleDocumentClick), document.removeEventListener("keydown", this.handleDocumentKeydown);
-  }
-  show() {
-    var e;
-    this.open = !0, (e = this.calendarRef.value) == null || e.focus();
-  }
-  hide() {
-    this.open = !1;
-  }
-  toggle() {
-    this.open ? this.hide() : this.show();
-  }
-  contains(e) {
-    var t;
-    return !!e && !!((t = this.popupRef.value) != null && t.contains(e));
-  }
-  focusOnCurrentDate() {
-    const e = this.calendarRef.value;
-    e && typeof e.focusOnCurrentDate == "function" && e.focusOnCurrentDate();
-  }
-  addToSelected(e, t, a) {
-    if (this.calendarRef.value && typeof S.addToSelected == "function")
-      return S.addToSelected(e, this.calendarRef, t, a);
-    const l = e.target;
-    if (!l.value) return;
-    const n = t ? C(t) : null, o = a ? C(a) : null, $ = C(l.value.split(",")[0]);
-    $ && !isNaN($.getTime()) && (!n || $ >= n) && (!o || $ <= o) && this.handleDateSelect($), l.value = "";
-  }
-  handleDateSelect(e) {
-    const t = this.calendarRef.value;
-    if (t && typeof t.handleDateSelect == "function") return t.handleDateSelect(e);
-    const a = H(e), l = this.selected.indexOf(a) >= 0 ? this.selected.filter((n) => n !== a) : [...this.selected, a];
-    this.selected = l, this.dispatchEvent(
-      new CustomEvent("date-selected", { detail: l, bubbles: !0, composed: !0 })
-    );
-  }
-  render() {
-    const e = { "pkt-calendar-popup": !0, show: this.open, hide: !this.open };
-    return h`
-      <div
-        class="${b(e)}"
-        ${v(this.popupRef)}
-        id="date-popup"
-        ?hidden=${!this.open}
-        aria-hidden="${!this.open}"
-      >
-        ${this.open || this._hasBeenOpened ? h`<pkt-calendar
-              ${v(this.calendarRef)}
-              ?multiple=${this.multiple}
-              ?range=${this.range}
-              ?weeknumbers=${this.weeknumbers}
-              ?withcontrols=${this.withcontrols}
-              .maxMultiple=${this.maxMultiple}
-              .selected=${this.selected}
-              .earliest=${this.earliest}
-              .latest=${this.latest}
-              .excludedates=${this.excludedates}
-              .excludeweekdays=${this.excludeweekdays}
-              .currentmonth=${this.currentmonth}
-              .today=${this.today}
-              @date-selected=${(t) => {
-      this.selected = t.detail, this.dispatchEvent(
-        new CustomEvent("date-selected", { detail: t.detail, bubbles: !0, composed: !0 })
-      );
-    }}
-              @close=${() => {
-      this.hide(), this.dispatchEvent(new CustomEvent("close", { bubbles: !0, composed: !0 }));
-    }}
-            ></pkt-calendar>` : T}
-      </div>
-    `;
-  }
-}
-c([
-  r({ type: Boolean, reflect: !0 })
-], d.prototype, "open");
-c([
-  r({ type: Boolean })
-], d.prototype, "multiple");
-c([
-  r({ type: Boolean })
-], d.prototype, "range");
-c([
-  r({ type: Boolean })
-], d.prototype, "weeknumbers");
-c([
-  r({ type: Boolean })
-], d.prototype, "withcontrols");
-c([
-  r({ type: Number })
-], d.prototype, "maxMultiple");
-c([
-  r({ type: Array })
-], d.prototype, "selected");
-c([
-  r({ type: String })
-], d.prototype, "earliest");
-c([
-  r({ type: String })
-], d.prototype, "latest");
-c([
-  r({ type: Array })
-], d.prototype, "excludedates");
-c([
-  r({ type: Array })
-], d.prototype, "excludeweekdays");
-c([
-  r({ type: String })
-], d.prototype, "currentmonth");
-c([
-  r({ type: String })
-], d.prototype, "today");
-c([
-  q()
-], d.prototype, "_hasBeenOpened");
-try {
-  w("pkt-datepicker-popup")(d);
-} catch {
-  console.warn("Forsøker å definere <pkt-datepicker-popup>, men den er allerede definert");
-}
-var ke = Object.defineProperty, y = (i, e, t, a) => {
-  for (var s = void 0, l = i.length - 1, n; l >= 0; l--)
-    (n = i[l]) && (s = n(e, t, s) || s);
-  return s && ke(e, t, s), s;
-};
-class g extends L {
-  constructor() {
-    super(...arguments), this.inputType = "date", this.id = "", this.readonly = !1, this.disabled = !1, this.inputClasses = {}, this.inputRef = m(), this.btnRef = m();
-  }
-  // Shared getters
-  get inputElement() {
-    return this.inputRef.value;
-  }
-  get buttonElement() {
-    return this.btnRef.value;
-  }
-  get isInputReadonly() {
-    return this.readonly || this.inputType === "text";
-  }
-  // Shared event dispatchers (protected so subclasses can use them)
-  dispatchToggleCalendar(e) {
-    this.readonly || this.dispatchEvent(
-      new CustomEvent("toggle-calendar", {
-        detail: e,
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  dispatchInput(e) {
-    this.dispatchEvent(
-      new CustomEvent("input-change", {
-        detail: e,
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  dispatchFocus() {
-    this.dispatchEvent(
-      new CustomEvent("input-focus", {
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  dispatchBlur(e) {
-    this.dispatchEvent(
-      new CustomEvent("input-blur", {
-        detail: e,
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  dispatchChange(e) {
-    this.dispatchEvent(
-      new CustomEvent("input-changed", {
-        detail: e,
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  // Shared render helper for calendar button
-  renderCalendarButton() {
-    var e;
-    return h`
-      <button
-        class="${b(V.getButtonClasses())}"
-        type="button"
-        @click=${(t) => this.dispatchToggleCalendar(t)}
-        @keydown=${(t) => {
-      const { key: a } = t;
-      (a === "Enter" || a === " " || a === "Space") && (t.preventDefault(), this.dispatchToggleCalendar(t));
-    }}
-        ?disabled=${this.disabled}
-        ${this.btnRef}
-      >
-        <pkt-icon name="calendar"></pkt-icon>
-        <span class="pkt-btn__text">${((e = this.strings.calendar) == null ? void 0 : e.buttonAltText) || "Åpne kalender"}</span>
-      </button>
-    `;
-  }
-  // Shared method - no shadow DOM
-  createRenderRoot() {
-    return this;
-  }
-}
-y([
-  r({ type: String })
-], g.prototype, "inputType");
-y([
-  r({ type: String })
-], g.prototype, "id");
-y([
-  r({ type: String })
-], g.prototype, "min");
-y([
-  r({ type: String })
-], g.prototype, "max");
-y([
-  r({ type: String })
-], g.prototype, "placeholder");
-y([
-  r({ type: Boolean })
-], g.prototype, "readonly");
-y([
-  r({ type: Boolean })
-], g.prototype, "disabled");
-y([
-  r({ type: Object })
-], g.prototype, "inputClasses");
-y([
-  r({ type: Object })
-], g.prototype, "internals");
-var Ce = Object.defineProperty, J = (i, e, t, a) => {
-  for (var s = void 0, l = i.length - 1, n; l >= 0; l--)
-    (n = i[l]) && (s = n(e, t, s) || s);
-  return s && Ce(e, t, s), s;
-};
-class j extends g {
-  constructor() {
-    super(...arguments), this.value = "", this.strings = G;
-  }
-  dispatchManageValidity(e) {
-    this.dispatchEvent(
-      new CustomEvent("manage-validity", {
-        detail: e,
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  render() {
-    return h`
-      <div class="pkt-input__container">
-        <input
-          class="${b(this.inputClasses)}"
-          .type=${this.inputType}
-          id="${this.id}-input"
-          .value=${this.value}
-          min=${f(this.min)}
-          max=${f(this.max)}
-          placeholder=${f(this.placeholder)}
-          ?readonly=${this.isInputReadonly}
-          aria-describedby="${this.id}-helptext"
-          @click=${(e) => {
-      e.preventDefault(), this.dispatchToggleCalendar(e);
-    }}
-          @touchend=${(e) => {
-      e.preventDefault(), this.dispatchToggleCalendar(e);
-    }}
-          ?disabled=${this.disabled}
-          @keydown=${(e) => I.handleInputKeydown(
-      e,
-      (t) => this.dispatchToggleCalendar(t),
-      () => _.submitFormOrFallback(this.internals, () => {
-        var t;
-        return (t = this.inputRef.value) == null ? void 0 : t.blur();
-      }),
-      void 0,
-      () => {
-        var t;
-        return (t = this.inputRef.value) == null ? void 0 : t.blur();
-      }
-    )}
-          @input=${(e) => {
-      this.dispatchInput(e), e.stopImmediatePropagation();
-    }}
-          @focus=${() => {
-      this.dispatchFocus(), k() && this.dispatchToggleCalendar(new Event("focus"));
-    }}
-          @blur=${(e) => {
-      this.dispatchBlur(e), this.dispatchManageValidity(e.target), this.dispatchEvent(
-        new CustomEvent("value-change", {
-          detail: e.target.value,
-          bubbles: !0,
-          composed: !0
-        })
-      );
-    }}
-          @change=${(e) => {
-      this.dispatchChange(e), e.stopImmediatePropagation();
-    }}
-          ${v(this.inputRef)}
-        />
-        ${this.renderCalendarButton()}
-      </div>
-    `;
-  }
-}
-J([
-  r({ type: String })
-], j.prototype, "value");
-J([
-  r({ type: Object })
-], j.prototype, "strings");
-try {
-  w("pkt-datepicker-single")(j);
-} catch {
-  console.warn("Forsøker å definere <pkt-datepicker-single>, men den er allerede definert");
-}
-var we = Object.defineProperty, B = (i, e, t, a) => {
-  for (var s = void 0, l = i.length - 1, n; l >= 0; l--)
-    (n = i[l]) && (s = n(e, t, s) || s);
-  return s && we(e, t, s), s;
-};
-class D extends g {
-  constructor() {
-    super(...arguments), this.value = [], this.label = "", this.showRangeLabels = !1, this.strings = ne, this.inputRefTo = m();
-  }
-  get inputElementTo() {
-    return this.inputRefTo.value;
-  }
-  render() {
-    var t, a, s, l;
-    const e = V.getRangeLabelClasses(this.showRangeLabels);
-    return h`
-      <div class="pkt-input__container">
-        ${this.showRangeLabels ? h` <div class="pkt-input-prefix">${(t = this.strings.generic) == null ? void 0 : t.from}</div> ` : T}
-        <input
-          class=${b(this.inputClasses)}
-          .type=${this.inputType}
-          id="${this.id}-input"
-          aria-label="${this.label} ${((a = this.strings.generic) == null ? void 0 : a.from) ?? "Fra"}"
-          .value=${this.value[0] ?? ""}
-          min=${f(this.min)}
-          max=${f(this.max)}
-          placeholder=${f(this.placeholder)}
-          ?readonly=${this.isInputReadonly}
-          ?disabled=${this.disabled}
-          @click=${(n) => {
-      n.preventDefault(), this.dispatchToggleCalendar(n);
-    }}
-          @touchend=${(n) => {
-      n.preventDefault(), this.dispatchToggleCalendar(n);
-    }}
-          @keydown=${(n) => I.handleInputKeydown(
-      n,
-      (o) => this.dispatchToggleCalendar(o),
-      () => _.submitFormOrFallback(
-        this.internals,
-        () => {
-          var o;
-          return (o = this.inputRefTo.value) == null ? void 0 : o.focus();
-        }
-      ),
-      () => {
-        var o;
-        return (o = this.inputRefTo.value) == null ? void 0 : o.focus();
-      },
-      () => {
-        var o;
-        return (o = this.inputRef.value) == null ? void 0 : o.blur();
-      }
-    )}
-          @input=${(n) => {
-      this.dispatchInput(n), n.stopImmediatePropagation();
-    }}
-          @focus=${() => {
-      this.dispatchFocus(), k() && this.dispatchToggleCalendar(new Event("focus"));
-    }}
-          @blur=${(n) => {
-      this.dispatchBlur(n), this.dispatchEvent(
-        new CustomEvent("range-blur", {
-          detail: {
-            event: n,
-            values: this.value,
-            inputType: "from"
-          },
-          bubbles: !0,
-          composed: !0
-        })
-      );
-    }}
-          @change=${(n) => {
-      this.dispatchChange(n), n.stopImmediatePropagation();
-    }}
-          ${v(this.inputRef)}
-        />
-        <div class="${b(e)}" id="${this.id}-to-label">
-          ${(s = this.strings.generic) == null ? void 0 : s.to}
-        </div>
-        ${this.showRangeLabels ? T : h` <div class="pkt-input-separator">–</div> `}
-        <input
-          class=${b(this.inputClasses)}
-          .type=${this.inputType}
-          id="${this.id}-to"
-          aria-label="${this.label} ${((l = this.strings.generic) == null ? void 0 : l.to) ?? "Til"}"
-          .value=${this.value[1] ?? ""}
-          min=${f(this.min)}
-          max=${f(this.max)}
-          placeholder=${f(this.placeholder)}
-          ?readonly=${this.isInputReadonly}
-          ?disabled=${this.disabled}
-          @click=${(n) => {
-      n.preventDefault(), this.dispatchToggleCalendar(n);
-    }}
-          @touchend=${(n) => {
-      n.preventDefault(), this.dispatchToggleCalendar(n);
-    }}
-          @keydown=${(n) => I.handleInputKeydown(
-      n,
-      (o) => this.dispatchToggleCalendar(o),
-      () => _.submitFormOrFallback(this.internals, () => {
-        var o;
-        return (o = this.inputRefTo.value) == null ? void 0 : o.blur();
-      }),
-      void 0,
-      () => {
-        var o;
-        return (o = this.inputRefTo.value) == null ? void 0 : o.blur();
-      }
-    )}
-          @input=${(n) => {
-      this.dispatchInput(n), n.stopImmediatePropagation();
-    }}
-          @focus=${() => {
-      this.dispatchFocus(), k() && this.dispatchToggleCalendar(new Event("focus"));
-    }}
-          @blur=${(n) => {
-      this.dispatchBlur(n), this.dispatchEvent(
-        new CustomEvent("range-blur", {
-          detail: {
-            event: n,
-            values: this.value,
-            inputType: "to"
-          },
-          bubbles: !0,
-          composed: !0
-        })
-      );
-    }}
-          @change=${(n) => {
-      this.dispatchChange(n), n.stopImmediatePropagation();
-    }}
-          ${v(this.inputRefTo)}
-        />
-        ${this.renderCalendarButton()}
-      </div>
-    `;
-  }
-}
-B([
-  r({ type: Array })
-], D.prototype, "value");
-B([
-  r({ type: String })
-], D.prototype, "label");
-B([
-  r({ type: Boolean })
-], D.prototype, "showRangeLabels");
-B([
-  r({ type: Object })
-], D.prototype, "strings");
-try {
-  w("pkt-datepicker-range")(D);
-} catch {
-  console.warn("Forsøker å definere <pkt-datepicker-range>, men den er allerede definert");
-}
-var xe = Object.defineProperty, M = (i, e, t, a) => {
-  for (var s = void 0, l = i.length - 1, n; l >= 0; l--)
-    (n = i[l]) && (s = n(e, t, s) || s);
-  return s && xe(e, t, s), s;
-};
-class O extends g {
-  constructor() {
-    super(...arguments), this.value = [], this.strings = G;
-  }
-  get isInputDisabled() {
-    return this.disabled || this.maxlength !== void 0 && this.maxlength !== null && this.value.length >= this.maxlength;
-  }
-  dispatchAddToSelected(e) {
-    this.dispatchEvent(
-      new CustomEvent("add-to-selected", {
-        detail: e,
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  render() {
-    return h`
-      <div class="pkt-input__container">
-        <input
-          class=${b(this.inputClasses)}
-          .type=${this.inputType}
-          id="${this.id}-input"
-          min=${f(this.min)}
-          max=${f(this.max)}
-          placeholder=${f(this.placeholder)}
-          ?readonly=${this.isInputReadonly}
-          ?disabled=${this.isInputDisabled}
-          @click=${(e) => {
-      e.preventDefault(), this.dispatchToggleCalendar(e);
-    }}
-          @touchend=${(e) => {
-      e.preventDefault(), this.dispatchToggleCalendar(e);
-    }}
-          @blur=${(e) => {
-      this.dispatchBlur(e), this.dispatchAddToSelected(e);
-    }}
-          @input=${(e) => {
-      this.dispatchInput(e), e.stopImmediatePropagation();
-    }}
-          @focus=${() => {
-      this.dispatchFocus(), k() && this.dispatchToggleCalendar(new Event("focus"));
-    }}
-          @keydown=${(e) => I.handleInputKeydown(
-      e,
-      (t) => this.dispatchToggleCalendar(t),
-      () => _.submitFormOrFallback(this.internals, () => {
-        var t;
-        return (t = this.inputRef.value) == null ? void 0 : t.blur();
-      }),
-      void 0,
-      void 0,
-      (t) => this.dispatchAddToSelected(t)
-    )}
-          @change=${(e) => {
-      this.dispatchChange(e), e.stopImmediatePropagation();
-    }}
-          ${v(this.inputRef)}
-        />
-        ${this.renderCalendarButton()}
-      </div>
-    `;
-  }
-}
-M([
-  r({ type: Array })
-], O.prototype, "value");
-M([
-  r({ type: Number })
-], O.prototype, "maxlength");
-M([
-  r({ type: Object })
-], O.prototype, "strings");
-try {
-  w("pkt-datepicker-multiple")(O);
-} catch {
-  console.warn("Forsøker å definere <pkt-datepicker-multiple>, men den er allerede definert");
-}
-var Te = Object.defineProperty, _e = Object.getOwnPropertyDescriptor, p = (i, e, t, a) => {
-  for (var s = a > 1 ? void 0 : a ? _e(e, t) : e, l = i.length - 1, n; l >= 0; l--)
-    (n = i[l]) && (s = (a ? n(e, t, s) : n(s)) || s);
-  return a && s && Te(e, t, s), s;
-};
-class u extends ee {
-  constructor() {
-    super(...arguments), this._valueProperty = "", this._valueProcessing = !1, this.datepickerPopupRef = m(), this._value = [], this.label = "Datovelger", this.dateformat = x.props.dateformat.default, this.multiple = x.props.multiple.default, this.maxlength = null, this.range = x.props.range.default, this.showRangeLabels = !1, this.min = null, this.max = null, this.weeknumbers = x.props.weeknumbers.default, this.withcontrols = x.props.withcontrols.default, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.today = null, this.calendarOpen = !1, this.timezone = "Europe/Oslo", this.inputClasses = {}, this.calRef = m(), this.popupRef = m(), this.singleInputRef = m(), this.rangeInputRef = m(), this.multipleInputRef = m(), 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);
-    };
-  }
-  get value() {
-    return this._valueProperty;
-  }
-  set value(e) {
-    const t = this._valueProperty;
-    this._valueProperty = Array.isArray(e) ? e.join(",") : e || "", this.valueChanged(this._valueProperty, t), this.requestUpdate("value", t);
-  }
-  /**
-   * Computed properties
-   */
-  get inputType() {
-    return $e.getInputType();
-  }
-  /**
-   * Housekeeping / lifecycle methods
-   */
-  connectedCallback() {
-    super.connectedCallback(), this.timezone && this.timezone !== window.pktTz && (window.pktTz = this.timezone);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-  }
-  onInput() {
-    this.dispatchEvent(new Event("input", { bubbles: !0 }));
-  }
-  valueChanged(e, t) {
-    if (!(this._valueProcessing || e === t)) {
-      this._valueProcessing = !0;
-      try {
-        const a = E(e), s = this.multiple && a.length > 1 ? N.filterSelectableDates(
-          a,
-          this.min,
-          this.max,
-          this.excludedates,
-          this.excludeweekdays
-        ) : a;
-        if (this.range && !N.validateRangeOrder(s)) {
-          this._value = [], this._valueProperty = "", super.valueChanged("", t);
-          return;
-        }
-        this._value = s;
-        const l = Y(s);
-        if (this._valueProperty !== l && (this._valueProperty = l), this.range && s.length < 2) return;
-        super.valueChanged(l, t);
-      } finally {
-        this._valueProcessing = !1;
-      }
-    }
-  }
-  attributeChangedCallback(e, t, a) {
-    e === "value" && this.value !== t && this.valueChanged(a, t), e === "excludedates" && typeof this.excludedates == "string" && (this.excludedates = E(a || "")), e === "excludeweekdays" && typeof this.excludeweekdays == "string" && (this.excludeweekdays = E(a || "")), super.attributeChangedCallback(e, t, a);
-  }
-  updated(e) {
-    if (e.has("value") && (e.has("multiple") || e.has("range"))) {
-      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") && (this.multiple && !Array.isArray(this._value) ? this._value = E(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
-   */
-  // Override the inputRef and inputRefTo for compatibility
-  get inputRef() {
-    return { value: this.currentInputElement };
-  }
-  get inputRefTo() {
-    return { value: this.currentInputElementTo };
-  }
-  // Getters for backward compatibility with input refs
-  get currentInputElement() {
-    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;
-    if (this.range)
-      return (e = this.rangeInputRef.value) == null ? void 0 : e.inputElementTo;
-  }
-  get currentButtonElement() {
-    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() {
-    return { value: this.currentButtonElement };
-  }
-  /**
-   * Rendering
-   */
-  renderInput() {
-    return h`
-      <pkt-datepicker-single
-        .value=${this._value[0] ?? ""}
-        .inputType=${this.inputType}
-        .id=${this.id}
-        .min=${this.min}
-        .max=${this.max}
-        .placeholder=${this.placeholder}
-        .readonly=${this.readonly}
-        .disabled=${this.disabled}
-        .inputClasses=${this.inputClasses}
-        .internals=${this.internals}
-        .strings=${this.strings}
-        @toggle-calendar=${(e) => this.toggleCalendar(e.detail)}
-        @input-change=${() => this.onInput()}
-        @input-focus=${() => this.onFocus()}
-        @input-blur=${(e) => {
-      var t;
-      (t = this.calRef.value) != null && t.contains(e.detail.relatedTarget) || this.onBlur();
-    }}
-        @manage-validity=${(e) => this.manageValidity(e.detail)}
-        @value-change=${(e) => {
-      this.value = e.detail;
-    }}
-        @input-changed=${() => {
-      this.touched = !0;
-    }}
-        ${v(this.singleInputRef)}
-      ></pkt-datepicker-single>
-    `;
-  }
-  renderRangeInput() {
-    return h`
-      <pkt-datepicker-range
-        .value=${this._value}
-        .inputType=${this.inputType}
-        .id=${this.id}
-        .label=${this.label}
-        .min=${this.min}
-        .max=${this.max}
-        .placeholder=${this.placeholder}
-        .readonly=${this.readonly}
-        .disabled=${this.disabled}
-        .showRangeLabels=${this.showRangeLabels}
-        .inputClasses=${this.inputClasses}
-        .internals=${this.internals}
-        .strings=${this.strings}
-        @toggle-calendar=${(e) => this.toggleCalendar(e.detail)}
-        @input-change=${() => this.onInput()}
-        @input-focus=${() => this.onFocus()}
-        @input-blur=${(e) => {
-      var t;
-      (t = this.calRef.value) != null && t.contains(e.detail.relatedTarget) || this.onBlur();
-    }}
-        @range-blur=${(e) => {
-      const t = this.currentInputElement, a = this.currentInputElementTo;
-      if (t && a) {
-        const s = t.value, l = a.value;
-        if (s && l && s > l)
-          a.value = "", this._value = [s], this.value = s;
-        else {
-          const n = [s, l].filter(Boolean);
-          n.length > 0 && (n[0] !== this._value[0] || n[1] !== this._value[1]) && (this._value = n, this.value = n.join(","));
-        }
-      }
-      A.processRangeBlur(
-        e.detail.event,
-        e.detail.values,
-        this.calRef,
-        () => this.clearInputValue(),
-        (s) => this.manageValidity(s)
-      );
-    }}
-        @manage-validity=${(e) => this.manageValidity(e.detail)}
-        @validate-date-input=${(e) => {
-      _.validateDateInput(e.detail, this.internals, this.min, this.max, this.strings);
-    }}
-        @handle-date-select=${(e) => {
-      var a, s;
-      const t = F(e.detail);
-      if (t) {
-        const l = H(t);
-        this._value[0] !== l && this._value[1] !== l && ((s = (a = this.calRef) == null ? void 0 : a.value) == null || s.handleDateSelect(t));
-      }
-    }}
-        @input-changed=${() => {
-      this.touched = !0;
-    }}
-        ${v(this.rangeInputRef)}
-      ></pkt-datepicker-range>
-    `;
-  }
-  renderMultipleInput() {
-    return h`
-      <pkt-datepicker-multiple
-        .value=${this._value}
-        .inputType=${this.inputType}
-        .id=${this.id}
-        .min=${this.min}
-        .max=${this.max}
-        .placeholder=${this.placeholder}
-        .readonly=${this.readonly}
-        .disabled=${this.disabled}
-        .maxlength=${this.maxlength}
-        .inputClasses=${this.inputClasses}
-        .internals=${this.internals}
-        .strings=${this.strings}
-        @toggle-calendar=${(e) => this.toggleCalendar(e.detail)}
-        @input-change=${() => this.onInput()}
-        @input-focus=${() => this.onFocus()}
-        @input-blur=${(e) => {
-      var t;
-      (t = this.calRef.value) != null && t.contains(e.detail.relatedTarget) || this.onBlur();
-    }}
-        @add-to-selected=${(e) => this.addToSelected(e.detail)}
-        @input-changed=${() => {
-      this.touched = !0;
-    }}
-        ${v(this.multipleInputRef)}
-      ></pkt-datepicker-multiple>
-    `;
-  }
-  renderCalendar() {
-    return h`
-      <pkt-datepicker-popup
-        class="pkt-contents"
-        ?open=${this.calendarOpen}
-        ?multiple=${this.multiple}
-        ?range=${this.range}
-        ?weeknumbers=${this.weeknumbers}
-        ?withcontrols=${this.withcontrols}
-        .maxMultiple=${this.maxlength}
-        .selected=${this._value}
-        .earliest=${this.min}
-        .latest=${this.max}
-        .excludedates=${Array.isArray(this.excludedates) ? this.excludedates : this.excludedates.split(",")}
-        .excludeweekdays=${this.excludeweekdays}
-        .currentmonth=${this.currentmonth ? Z(this.currentmonth) : null}
-        .today=${this.today}
-        @date-selected=${(e) => {
-      this.value = A.processDateSelection(e.detail, this.multiple, this.range), this._value = e.detail, A.updateInputValues(
-        this.inputRef,
-        this.inputRefTo,
-        this._value,
-        this.range,
-        this.multiple,
-        (t) => this.manageValidity(t)
-      );
-    }}
-        @close=${() => {
-      this.onBlur(), this.hideCalendar();
-    }}
-        ${v(this.datepickerPopupRef)}
-      ></pkt-datepicker-popup>
-    `;
-  }
-  render() {
-    return this.inputClasses = V.getInputClasses(
-      this.fullwidth,
-      this.showRangeLabels,
-      this.multiple,
-      this.range,
-      this.readonly,
-      this.inputType
-    ), h`
-      <pkt-input-wrapper
-        label="${this.label}"
-        forId="${this.id}-input"
-        ?counter=${this.multiple && !!this.maxlength}
-        .counterCurrent=${this.value ? this._value.length : 0}
-        .counterMaxLength=${this.maxlength}
-        ?disabled=${this.disabled}
-        ?hasError=${this.hasError}
-        ?hasFieldset=${this.hasFieldset}
-        ?inline=${this.inline}
-        ?required=${this.required}
-        ?optionalTag=${this.optionalTag}
-        ?requiredTag=${this.requiredTag}
-        useWrapper=${this.useWrapper}
-        .optionalText=${this.optionalText}
-        .requiredText=${this.requiredText}
-        .tagText=${this.tagText}
-        .errorMessage=${this.errorMessage}
-        .helptext=${this.helptext}
-        .helptextDropdown=${this.helptextDropdown}
-        .helptextDropdownButton=${this.helptextDropdownButton}
-        .ariaDescribedBy=${this.ariaDescribedBy}
-        class="pkt-datepicker"
-      >
-        <div class="pkt-contents" slot="helptext">${ae(this, "helptext")}</div>
-        ${this.multiple ? h`<pkt-date-tags
-              .dates=${this._value}
-              dateformat=${this.dateformat}
-              strings=${this.strings}
-              id-base=${this.id}
-              @date-tag-removed=${(e) => {
-      var s;
-      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>` : T}
-        <div class="pkt-datepicker__inputs ${this.range ? "pkt-input__range-inputs" : ""}">
-          ${this.range ? this.renderRangeInput() : this.multiple ? this.renderMultipleInput() : this.renderInput()}
-        </div>
-      </pkt-input-wrapper>
-      ${this.renderCalendar()}
-    `;
-  }
-  /**
-   * Handlers
-   */
-  handleCalendarPosition() {
-    const e = this.multiple && !!this.maxlength;
-    S.handleCalendarPosition(this.popupRef, this.inputRef, e);
-  }
-  async showCalendar() {
-    var t;
-    const e = this.datepickerPopupRef.value;
-    if (this.calendarOpen = !0, e && typeof e.show == "function") {
-      e.show(), k() && e.focusOnCurrentDate();
-      return;
-    }
-    await ie(20), this.handleCalendarPosition(), k() && ((t = this.calRef.value) == null || t.focusOnCurrentDate());
-  }
-  hideCalendar() {
-    const e = this.datepickerPopupRef.value;
-    if (this.calendarOpen = !1, e && typeof e.hide == "function") return e.hide();
-  }
-  async toggleCalendar(e) {
-    e.preventDefault();
-    const t = this.datepickerPopupRef.value;
-    if (t && typeof t.toggle == "function") {
-      const a = !!t.open;
-      t.toggle(), this.calendarOpen = !a;
-      return;
-    }
-    this.calendarOpen ? this.hideCalendar() : this.showCalendar();
-  }
-  clearInputValue() {
-    this._value = [], this.value = "", this.internals.setFormValue(this.value), this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })), this.dispatchEvent(
-      new CustomEvent("value-change", {
-        detail: this._value,
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-}
-p([
-  r({ type: String, reflect: !0 })
-], u.prototype, "value", 1);
-p([
-  r({ type: String, reflect: !0 })
-], u.prototype, "label", 2);
-p([
-  r({ type: String })
-], u.prototype, "dateformat", 2);
-p([
-  r({ type: Boolean, reflect: !0 })
-], u.prototype, "multiple", 2);
-p([
-  r({ type: Number, reflect: !0 })
-], u.prototype, "maxlength", 2);
-p([
-  r({ type: Boolean, reflect: !0 })
-], u.prototype, "range", 2);
-p([
-  r({ type: Boolean, attribute: "show-range-labels" })
-], u.prototype, "showRangeLabels", 2);
-p([
-  r({ type: String, reflect: !0 })
-], u.prototype, "min", 2);
-p([
-  r({ type: String, reflect: !0 })
-], u.prototype, "max", 2);
-p([
-  r({ type: Boolean })
-], u.prototype, "weeknumbers", 2);
-p([
-  r({ type: Boolean, reflect: !0 })
-], u.prototype, "withcontrols", 2);
-p([
-  r({ converter: W.csvToArray })
-], u.prototype, "excludedates", 2);
-p([
-  r({ converter: W.csvToArray })
-], u.prototype, "excludeweekdays", 2);
-p([
-  r({ type: String })
-], u.prototype, "currentmonth", 2);
-p([
-  r({ type: String })
-], u.prototype, "today", 2);
-p([
-  r({ type: Boolean, reflect: !0, attribute: "calendar-open" })
-], u.prototype, "calendarOpen", 2);
-p([
-  r({ type: String })
-], u.prototype, "timezone", 2);
-p([
-  q()
-], u.prototype, "inputClasses", 2);
-try {
-  w("pkt-datepicker")(u);
-} catch {
-  console.warn("Forsøker å definere <pkt-datepicker>, men den er allerede definert");
-}
-export {
-  R as P,
-  u as a,
-  O as b,
-  D as c,
-  j as d
-};