@oslokommune/punkt-react 12.11.0 → 12.11.1

package/dist/punkt-react.es.js

@@ -4990,38 +4990,38 @@ let Ie = class extends Pe {
       "pkt-btn": !0,
       "pkt-btn--icon-only": !0,
       "pkt-btn--tertiary": !0
-    }, this.addToSelected = (t) => {
-      const n = t.target;
-      if (!n.value) return;
-      const r = this.min ? He(this.min) : null, i = this.max ? He(this.max) : null, o = He(n.value.split(",")[0]);
-      o && !isNaN(o.getTime()) && (!r || o >= r) && (!i || o <= i) && this.calRef.value && this.calRef.value.handleDateSelect(o), n.value = "";
+    }, this.addToSelected = (e) => {
+      const t = e.target;
+      if (!t.value) return;
+      const n = this.min ? He(this.min) : null, r = this.max ? He(this.max) : null, i = He(t.value.split(",")[0]);
+      i && !isNaN(i.getTime()) && (!n || i >= n) && (!r || i <= r) && this.calRef.value && this.calRef.value.handleDateSelect(i), t.value = "";
     };
   }
   /**
    * Housekeeping / lifecycle methods
    */
   async connectedCallback() {
-    super.connectedCallback(), this.isMobileSafari = /iP(ad|od|hone)/i.test(window.navigator.userAgent) && !!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/), this.inputType = this.isMobileSafari ? "text" : "date", document && document.body.addEventListener("click", (t) => {
-      var n, r;
-      (n = this.inputRef) != null && n.value && (r = this.btnRef) != null && r.value && !this.inputRef.value.contains(t.target) && !(this.inputRefTo.value && this.inputRefTo.value.contains(t.target)) && !this.btnRef.value.contains(t.target) && !t.target.closest(".pkt-calendar-popup") && this.calendarOpen && (this.onBlur(), this.hideCalendar());
+    super.connectedCallback(), this.isMobileSafari = /iP(ad|od|hone)/i.test(window.navigator.userAgent) && !!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/), this.inputType = this.isMobileSafari ? "text" : "date", document && document.body.addEventListener("click", (e) => {
+      var t, n;
+      (t = this.inputRef) != null && t.value && (n = this.btnRef) != null && n.value && !this.inputRef.value.contains(e.target) && !(this.inputRefTo.value && this.inputRefTo.value.contains(e.target)) && !this.btnRef.value.contains(e.target) && !e.target.closest(".pkt-calendar-popup") && this.calendarOpen && (this.onBlur(), this.hideCalendar());
     }), this.value.length && this._value.length === 0 && (this._value = Array.isArray(this.value) ? this.value : this.value.split(",")), this.min = this.min || Dn.props.min.default, this.max = this.max || Dn.props.max.default, typeof this.excludedates == "string" && (this.excludedates = this.excludedates.split(",")), typeof this.excludeweekdays == "string" && (this.excludeweekdays = this.excludeweekdays.split(",")), (this.multiple || this.range) && this.name && !this.name.endsWith("[]") && (this.name = this.name + "[]"), this.calendarOpen && (await uc(20), this.handleCalendarPosition());
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), document && document.body.removeEventListener("click", (t) => {
-      var n, r;
-      (n = this.inputRef) != null && n.value && (r = this.btnRef) != null && r.value && !this.inputRef.value.contains(t.target) && !this.btnRef.value.contains(t.target) && this.hideCalendar();
+    super.disconnectedCallback(), document && document.body.removeEventListener("click", (e) => {
+      var t, n;
+      (t = this.inputRef) != null && t.value && (n = this.btnRef) != null && n.value && !this.inputRef.value.contains(e.target) && !this.btnRef.value.contains(e.target) && this.hideCalendar();
     });
   }
-  attributeChangedCallback(t, n, r) {
-    t === "value" && this.valueChanged(this.value, n), t === "excludedates" && typeof this.excludedates == "string" && (this.excludedates = (r == null ? void 0 : r.split(",")) ?? []), t === "excludeweekdays" && typeof this.excludeweekdays == "string" && (this.excludeweekdays = (r == null ? void 0 : r.split(",")) ?? []), super.attributeChangedCallback(t, n, r);
+  attributeChangedCallback(e, t, n) {
+    e === "value" && this.valueChanged(this.value, t), e === "excludedates" && typeof this.excludedates == "string" && (this.excludedates = (n == null ? void 0 : n.split(",")) ?? []), e === "excludeweekdays" && typeof this.excludeweekdays == "string" && (this.excludeweekdays = (n == null ? void 0 : n.split(",")) ?? []), super.attributeChangedCallback(e, t, n);
   }
-  firstUpdated(t) {
-    super.firstUpdated(t);
+  firstUpdated(e) {
+    super.firstUpdated(e);
   }
-  updated(t) {
-    if (super.updated(t), t.has("value")) {
+  updated(e) {
+    if (super.updated(e), e.has("value")) {
       if (this.range && this._value.length === 1) return;
-      this.valueChanged(this.value, t.get("value"));
+      this.valueChanged(this.value, e.get("value"));
     }
   }
   /**
@@ -5036,26 +5036,26 @@ let Ie = class extends Pe {
         .value=${this._value[0] ?? ""}
         min=${this.min}
         max=${this.max}
-        @click=${(t) => {
-      t.preventDefault(), this.showCalendar();
+        @click=${(e) => {
+      e.preventDefault(), this.showCalendar();
     }}
         ?disabled=${this.disabled}
-        @keydown=${(t) => {
-      var n;
-      (t.key === "," || t.key === "Enter") && ((n = this.inputRef.value) == null || n.blur()), (t.key === "Space" || t.key === " ") && (t.preventDefault(), this.toggleCalendar(t));
+        @keydown=${(e) => {
+      var t;
+      (e.key === "," || e.key === "Enter") && ((t = this.inputRef.value) == null || t.blur()), (e.key === "Space" || e.key === " ") && (e.preventDefault(), this.toggleCalendar(e));
     }}
-        @input=${(t) => {
-      this.onInput(), t.stopImmediatePropagation();
+        @input=${(e) => {
+      this.onInput(), e.stopImmediatePropagation();
     }}
         @focus=${() => {
       this.onFocus(), this.isMobileSafari && this.showCalendar();
     }}
-        @blur=${(t) => {
-      var n;
-      (n = this.calRef.value) != null && n.contains(t.relatedTarget) || this.onBlur(), this.manageValidity(t.target), this.value = t.target.value;
+        @blur=${(e) => {
+      var t;
+      (t = this.calRef.value) != null && t.contains(e.relatedTarget) || this.onBlur(), this.manageValidity(e.target), this.value = e.target.value;
     }}
-        @change=${(t) => {
-      t.stopImmediatePropagation();
+        @change=${(e) => {
+      e.stopImmediatePropagation();
     }}
         ${Ze(this.inputRef)}
       />
@@ -5071,30 +5071,30 @@ let Ie = class extends Pe {
         .value=${this._value[0] ?? ""}
         min=${this.min}
         max=${this.max}
-        @click=${(t) => {
-      t.preventDefault(), this.showCalendar();
+        @click=${(e) => {
+      e.preventDefault(), this.showCalendar();
     }}
         ?disabled=${this.disabled}
-        @keydown=${(t) => {
-      var n;
-      (t.key === "," || t.key === "Enter") && ((n = this.inputRef.value) == null || n.blur()), (t.key === "Space" || t.key === " ") && (t.preventDefault(), this.toggleCalendar(t));
+        @keydown=${(e) => {
+      var t;
+      (e.key === "," || e.key === "Enter") && ((t = this.inputRef.value) == null || t.blur()), (e.key === "Space" || e.key === " ") && (e.preventDefault(), this.toggleCalendar(e));
     }}
-        @input=${(t) => {
-      this.onInput(), t.stopImmediatePropagation();
+        @input=${(e) => {
+      this.onInput(), e.stopImmediatePropagation();
     }}
         @focus=${() => {
       this.onFocus(), this.isMobileSafari && this.showCalendar();
     }}
-        @blur=${(t) => {
-      var n, r;
-      if (t.target.value) {
-        this.manageValidity(t.target);
-        const i = Gs(t.target.value);
-        i && this._value[0] !== t.target.value && this._value[1] && (this.clearInputValue(), (r = (n = this.calRef) == null ? void 0 : n.value) == null || r.handleDateSelect(i));
+        @blur=${(e) => {
+      var t, n;
+      if (e.target.value) {
+        this.manageValidity(e.target);
+        const r = Gs(e.target.value);
+        r && this._value[0] !== e.target.value && this._value[1] && (this.clearInputValue(), (n = (t = this.calRef) == null ? void 0 : t.value) == null || n.handleDateSelect(r));
       } else this._value[0] && this.clearInputValue();
     }}
-        @change=${(t) => {
-      t.stopImmediatePropagation();
+        @change=${(e) => {
+      e.stopImmediatePropagation();
     }}
         ${Ze(this.inputRef)}
       />
@@ -5107,40 +5107,40 @@ let Ie = class extends Pe {
         .value=${this._value[1] ?? ""}
         min=${this.min}
         max=${this.max}
-        @click=${(t) => {
-      t.preventDefault(), this.showCalendar();
+        @click=${(e) => {
+      e.preventDefault(), this.showCalendar();
     }}
         ?disabled=${this.disabled}
-        @keydown=${(t) => {
-      var n;
-      (t.key === "," || t.key === "Enter") && ((n = this.inputRefTo.value) == null || n.blur()), (t.key === "Space" || t.key === " ") && (t.preventDefault(), this.toggleCalendar(t));
+        @keydown=${(e) => {
+      var t;
+      (e.key === "," || e.key === "Enter") && ((t = this.inputRefTo.value) == null || t.blur()), (e.key === "Space" || e.key === " ") && (e.preventDefault(), this.toggleCalendar(e));
     }}
-        @input=${(t) => {
-      this.onInput(), t.stopImmediatePropagation();
+        @input=${(e) => {
+      this.onInput(), e.stopImmediatePropagation();
     }}
         @focus=${() => {
       this.onFocus(), this.isMobileSafari && this.showCalendar();
     }}
-        @blur=${(t) => {
-      var n, r, i;
-      if ((n = this.calRef.value) != null && n.contains(t.relatedTarget) || this.onBlur(), t.target.value) {
-        this.manageValidity(t.target);
-        const o = t.target.value;
-        this.min && this.min > o ? this.internals.setValidity(
+        @blur=${(e) => {
+      var t, n, r;
+      if ((t = this.calRef.value) != null && t.contains(e.relatedTarget) || this.onBlur(), e.target.value) {
+        this.manageValidity(e.target);
+        const i = e.target.value;
+        this.min && this.min > i ? this.internals.setValidity(
           { rangeUnderflow: !0 },
           this.strings.forms.messages.rangeUnderflow,
-          t.target
-        ) : this.max && this.max < o && this.internals.setValidity(
+          e.target
+        ) : this.max && this.max < i && this.internals.setValidity(
           { rangeOverflow: !0 },
           this.strings.forms.messages.rangeOverflow,
-          t.target
+          e.target
         );
-        const u = Gs(t.target.value);
-        u && this._value[1] !== Je(u) && ((i = (r = this.calRef) == null ? void 0 : r.value) == null || i.handleDateSelect(u));
+        const o = Gs(e.target.value);
+        o && this._value[1] !== Je(o) && ((r = (n = this.calRef) == null ? void 0 : n.value) == null || r.handleDateSelect(o));
       }
     }}
-        @change=${(t) => {
-      t.stopImmediatePropagation();
+        @change=${(e) => {
+      e.stopImmediatePropagation();
     }}
         ${Ze(this.inputRefTo)}
       />
@@ -5154,25 +5154,25 @@ let Ie = class extends Pe {
         id="${this.id}-input"
         min=${this.min}
         max=${this.max}
-        @click=${(t) => {
-      t.preventDefault(), this.showCalendar();
+        @click=${(e) => {
+      e.preventDefault(), this.showCalendar();
     }}
-        @blur=${(t) => {
-      var n;
-      (n = this.calRef.value) != null && n.contains(t.relatedTarget) || this.onBlur(), this.addToSelected(t);
+        @blur=${(e) => {
+      var t;
+      (t = this.calRef.value) != null && t.contains(e.relatedTarget) || this.onBlur(), this.addToSelected(e);
     }}
-        @input=${(t) => {
-      this.onInput(), t.stopImmediatePropagation();
+        @input=${(e) => {
+      this.onInput(), e.stopImmediatePropagation();
     }}
         @focus=${() => {
       this.onFocus(), this.isMobileSafari && this.showCalendar();
     }}
-        @keydown=${(t) => {
-      (t.key === "," || t.key === "Enter") && (t.preventDefault(), this.addToSelected(t)), (t.key === "Space" || t.key === " ") && (t.preventDefault(), this.toggleCalendar(t));
+        @keydown=${(e) => {
+      (e.key === "," || e.key === "Enter") && (e.preventDefault(), this.addToSelected(e)), (e.key === "Space" || e.key === " ") && (e.preventDefault(), this.toggleCalendar(e));
     }}
         ?disabled=${this.disabled || this.maxlength && this._value.length >= this.maxlength}
-        @change=${(t) => {
-      t.stopImmediatePropagation();
+        @change=${(e) => {
+      e.stopImmediatePropagation();
     }}
         ${Ze(this.inputRef)}
       />
@@ -5183,20 +5183,20 @@ let Ie = class extends Pe {
       <div class="pkt-datepicker__tags" aria-live="polite">
         ${this._value[0] ? sy(
       this._value ?? [],
-      (t) => t,
-      (t) => W`
+      (e) => e,
+      (e) => W`
                 <pkt-tag
-                  .id="${this.id + t + "-tag"}"
+                  .id="${this.id + e + "-tag"}"
                   closeTag
                   ariaLabel="${this.strings.calendar.deleteDate} ${sc(
-        t,
+        e,
         this.dateformat
       )}"
                   @close=${() => {
-        var n;
-        return (n = this.calRef.value) == null ? void 0 : n.handleDateSelect(Gs(t));
+        var t;
+        return (t = this.calRef.value) == null ? void 0 : t.handleDateSelect(Gs(e));
       }}
-                  >${sc(t, this.dateformat)}</pkt-tag
+                  >${sc(e, this.dateformat)}</pkt-tag
                 >
               `
     ) : ee}
@@ -5206,8 +5206,8 @@ let Ie = class extends Pe {
   renderCalendar() {
     return W`<div
       class="pkt-calendar-popup pkt-${this.calendarOpen ? "show" : "hide"}"
-      @focusout=${(t) => {
-      this.calendarOpen && this.handleFocusOut(t);
+      @focusout=${(e) => {
+      this.calendarOpen && this.handleFocusOut(e);
     }}
       id="${this.id}-popup"
       ${Ze(this.popupRef)}
@@ -5225,8 +5225,8 @@ let Ie = class extends Pe {
         .excludedates=${Array.isArray(this.excludedates) ? this.excludedates : this.excludedates.split(",")}
         .excludeweekdays=${this.excludeweekdays}
         .currentmonth=${this.currentmonth ? He(this.currentmonth) : null}
-        @date-selected=${(t) => {
-      this.value = !this.multiple && !this.range ? t.detail[0] : t.detail, this._value = t.detail, this.inputRef.value && (this.range && this.inputRefTo.value ? (this.inputRef.value.value = this._value[0] ?? "", this.inputRefTo.value.value = this._value[1] ?? "") : this.multiple || (this.inputRef.value.value = this._value.length ? this._value[0] : ""));
+        @date-selected=${(e) => {
+      this.value = !this.multiple && !this.range ? e.detail[0] : e.detail, this._value = e.detail, this.inputRef.value && (this.range && this.inputRefTo.value ? (this.inputRef.value.value = this._value[0] ?? "", this.inputRefTo.value.value = this._value[1] ?? "") : this.multiple || (this.inputRef.value.value = this._value.length ? this._value[0] : ""));
     }}
         @close=${() => {
       this.onBlur(), this.hideCalendar();
@@ -5281,25 +5281,25 @@ let Ie = class extends Pe {
    * Handlers
    */
   handleCalendarPosition() {
-    var t;
+    var e;
     if (this.popupRef.value && this.inputRef.value) {
-      const n = this.multiple && !!this.maxlength, r = ((t = this.inputRef.value.parentElement) == null ? void 0 : t.getBoundingClientRect()) || this.inputRef.value.getBoundingClientRect(), i = n ? r.height + 30 : r.height, o = this.popupRef.value.getBoundingClientRect().height;
-      let u = n ? "calc(100% - 30px)" : "100%";
-      r && r.top + o > window.innerHeight && r.top - o > 0 && (u = `calc(100% - ${i}px - ${o}px)`), this.popupRef.value.style.top = u;
+      const t = this.multiple && !!this.maxlength, n = ((e = this.inputRef.value.parentElement) == null ? void 0 : e.getBoundingClientRect()) || this.inputRef.value.getBoundingClientRect(), r = t ? n.height + 30 : n.height, i = this.popupRef.value.getBoundingClientRect().height;
+      let o = t ? "calc(100% - 30px)" : "100%";
+      n && n.top + i > window.innerHeight && n.top - i > 0 && (o = `calc(100% - ${r}px - ${i}px)`), this.popupRef.value.style.top = o;
     }
   }
-  handleFocusOut(t) {
-    this.contains(t.target) || (this.onBlur(), this.hideCalendar());
+  handleFocusOut(e) {
+    this.contains(e.target) || (this.onBlur(), this.hideCalendar());
   }
   async showCalendar() {
-    var t;
-    this.calendarOpen = !0, await uc(20), this.handleCalendarPosition(), this.isMobileSafari && ((t = this.calRef.value) == null || t.focusOnCurrentDate());
+    var e;
+    this.calendarOpen = !0, await uc(20), this.handleCalendarPosition(), this.isMobileSafari && ((e = this.calRef.value) == null || e.focusOnCurrentDate());
   }
   hideCalendar() {
     this.calendarOpen = !1;
   }
-  async toggleCalendar(t) {
-    t.preventDefault(), this.calendarOpen ? this.hideCalendar() : this.showCalendar();
+  async toggleCalendar(e) {
+    e.preventDefault(), this.calendarOpen ? this.hideCalendar() : this.showCalendar();
   }
 };
 Ke([
@@ -5613,46 +5613,48 @@ var Ty = Object.defineProperty, By = Object.getOwnPropertyDescriptor, Nr = (e, t
 };
 let _n = class extends Ft {
   constructor() {
-    super(), this.headingText = "", this.hideCloseButton = Xs.props.hideCloseButton.default, this.closeOnBackdropClick = Xs.props.closeOnBackdropClick.default, this.size = Xs.props.size.default, this.defaultSlot = dt(), this.dialogRef = dt(), this._isOpen = !1, this.close = (t) => {
+    super(), this.headingText = "", this.hideCloseButton = Xs.props.hideCloseButton.default, this.closeOnBackdropClick = Xs.props.closeOnBackdropClick.default, this.size = Xs.props.size.default, this.defaultSlot = dt(), this.dialogRef = dt(), this._isOpen = !1, this.close = (e, t = !1) => {
       var n;
-      this._isOpen = !1, (n = this.dialogRef.value) == null || n.close();
+      this._isOpen = !1, t || (n = this.dialogRef.value) == null || n.close();
       const r = document.activeElement;
       r && !this.isElementInViewport(r) && r.scrollIntoView({ behavior: "smooth", block: "nearest" }), this.dispatchEvent(
-        new CustomEvent("close", { detail: { origin: t }, bubbles: !0, composed: !0 })
+        new CustomEvent("close", { detail: { origin: e }, bubbles: !0, composed: !0 })
       ), document.querySelector(".pkt-modal") && document.body.classList.remove("pkt-modal--open"), this.requestUpdate();
-    }, this.showModal = (t) => {
-      var n;
-      this._isOpen = !0, (n = this.dialogRef.value) == null || n.showModal(), document.querySelector(".pkt-modal") && document.body.classList.add("pkt-modal--open"), this.dispatchEvent(
-        new CustomEvent("showModal", { detail: { origin: t }, bubbles: !0, composed: !0 })
+    }, this.showModal = (e) => {
+      var t;
+      this._isOpen = !0, (t = this.dialogRef.value) == null || t.showModal(), document.querySelector(".pkt-modal") && document.body.classList.add("pkt-modal--open"), this.dispatchEvent(
+        new CustomEvent("showModal", { detail: { origin: e }, bubbles: !0, composed: !0 })
       ), this.requestUpdate();
     }, this.slotController = new Fn(this, this.defaultSlot), this._isOpen = !1;
   }
   async connectedCallback() {
-    super.connectedCallback(), document.addEventListener("keydown", this.handleKeyDown.bind(this)), document.addEventListener("click", this.handleBackdropClick.bind(this));
+    var e;
+    super.connectedCallback(), document.addEventListener("keydown", this.handleKeyDown.bind(this)), document.addEventListener("click", this.handleBackdropClick.bind(this)), (e = this.dialogRef.value) == null || e.addEventListener("submit", (t) => this.close(t, !0));
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("keydown", this.handleKeyDown.bind(this)), document.removeEventListener("click", this.handleBackdropClick.bind(this));
+    var e;
+    super.disconnectedCallback(), document.removeEventListener("keydown", this.handleKeyDown.bind(this)), document.removeEventListener("click", this.handleBackdropClick.bind(this)), (e = this.dialogRef.value) == null || e.removeEventListener("submit", (t) => this.close(t, !0));
   }
   // P R I V A T E    M E T H O D S
-  handleKeyDown(t) {
-    t.key === "Escape" && this.close(t);
+  handleKeyDown(e) {
+    e.key === "Escape" && this.close(e);
   }
-  handleBackdropClick(t) {
-    var n;
-    this.closeOnBackdropClick && t.target === ((n = this.dialogRef) == null ? void 0 : n.value) && this.close(t);
+  handleBackdropClick(e) {
+    var t;
+    this.closeOnBackdropClick && e.target === ((t = this.dialogRef) == null ? void 0 : t.value) && this.close(e);
   }
-  isElementInViewport(t) {
-    const n = t.getBoundingClientRect();
-    return n.top >= 0 && n.left >= 0 && n.bottom <= (window.innerHeight || document.documentElement.clientHeight) && n.right <= (window.innerWidth || document.documentElement.clientWidth);
+  isElementInViewport(e) {
+    const t = e.getBoundingClientRect();
+    return t.top >= 0 && t.left >= 0 && t.bottom <= (window.innerHeight || document.documentElement.clientHeight) && t.right <= (window.innerWidth || document.documentElement.clientWidth);
   }
   render() {
-    const t = {
+    const e = {
       "pkt-modal": !0,
       [`pkt-modal--${this.size}`]: this.size !== void 0
     };
     return W`
       <dialog
-        class=${Ue(t)}
+        class=${Ue(e)}
         aria-modal=${this._isOpen}
         ${Ze(this.dialogRef)}
         aria-labelledby="pkt-modal__headingText"
@@ -5665,7 +5667,7 @@ let _n = class extends Ft {
               </h1>` : ee}
           ${this.hideCloseButton ? ee : W`<div class="pkt-modal__closeButton">
                 <button
-                  @click=${(n) => this.close(n)}
+                  @click=${(t) => this.close(t)}
                   class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
                   aria-label="close"
                 >
@@ -5744,7 +5746,7 @@ var Lp = { exports: {} };
   })();
 })(Lp);
 var Ny = Lp.exports;
-const at = /* @__PURE__ */ qi(Ny), LS = Be(
+const at = /* @__PURE__ */ qi(Ny), NS = Be(
   ({ title: e, className: t, children: n, toggleProps: r, defaultOpen: i = !1, id: o }, u) => {
     const [c, d] = Dt(i), h = r ? r.isOpen : c, m = (b) => b ?? void 0, v = (b, k) => {
       b.preventDefault(), r !== void 0 && r.onToggleClick(b, k), d(!h);
@@ -5805,7 +5807,7 @@ const Ly = Be(
   }
 );
 Ly.displayName = "PktBackLink";
-const PS = Be(
+const jS = Be(
   ({ breadcrumbs: e, navigationType: t, className: n, ...r }, i) => {
     const o = e.slice(0, 4), u = o[o.length - 2], c = [n, "pkt-breadcrumbs"].filter(Boolean).join(" ");
     return /* @__PURE__ */ g.jsxs("nav", { ref: i, "aria-label": "brødsmulemeny", className: c, children: [
@@ -5951,7 +5953,7 @@ const My = En({
     onValueChange: "value-change",
     onToggleHelpText: "toggleHelpText"
   }
-}), OS = ({
+}), LS = ({
   columnOne: e,
   columnTwo: t,
   socialLinks: n,
@@ -6039,7 +6041,7 @@ const My = En({
       ) }, `sociallinks-${m}`)) })
     ] })
   ] }) });
-}, MS = ({
+}, PS = ({
   links: e = [],
   personvernOgInfoLink: t = "https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",
   tilgjengelighetLink: n = "https://www.oslo.kommune.no/tilgjengelighet/",
@@ -6069,7 +6071,7 @@ const My = En({
       "Tilgjengelighet"
     ] }) })
   ] }) }) });
-}, IS = Be(
+}, OS = Be(
   ({
     className: e,
     logoLink: t = "https://www.oslo.kommune.no/",
@@ -16286,7 +16288,7 @@ const nS = Be(
   }
 );
 nS.displayName = "PktRadioButton";
-const qS = Be(
+const IS = Be(
   ({
     appearance: e = "local",
     disabled: t = !1,
@@ -16371,7 +16373,7 @@ const qS = Be(
       ] })
     );
   }
-), HS = Be(
+), RS = Be(
   ({
     activeStep: e,
     className: t,
@@ -16399,7 +16401,7 @@ const qS = Be(
 ] }), iS = /* @__PURE__ */ g.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", children: [
   /* @__PURE__ */ g.jsx("path", { fill: "#2A2859", d: "M3 3h18v18H3z" }),
   /* @__PURE__ */ g.jsx("path", { d: "m10.34 16-1.11-1.14L7 12.58l1.11-1.15 2.23 2.28L15.88 8 17 9.15l-5.55 5.71L10.34 16Z", fill: "#F1FDFF" })
-] }), US = ({ children: e, className: t, status: n = "incomplete", title: r }) => /* @__PURE__ */ g.jsxs("li", { className: at("pkt-step", t, `pkt-step--${n}`), "data-testid": "pkt-step", children: [
+] }), qS = ({ children: e, className: t, status: n = "incomplete", title: r }) => /* @__PURE__ */ g.jsxs("li", { className: at("pkt-step", t, `pkt-step--${n}`), "data-testid": "pkt-step", children: [
   /* @__PURE__ */ g.jsx("span", { className: "pkt-step__line pkt-step__line--1", "aria-hidden": !0 }),
   /* @__PURE__ */ g.jsx("span", { className: "pkt-step__line pkt-step__line--2", "aria-hidden": !0 }),
   /* @__PURE__ */ g.jsx("span", { className: at("pkt-step__indicator"), children: n === "current" ? aS : n === "completed" ? iS : rS }),
@@ -16408,7 +16410,7 @@ const qS = Be(
     /* @__PURE__ */ g.jsx("div", { className: "pkt-step__title", children: r }),
     /* @__PURE__ */ g.jsx("div", { className: "pkt-step__content", children: e })
   ] })
-] }), zS = Be(
+] }), HS = Be(
   ({
     id: e,
     ariaDescribedby: t,
@@ -16489,17 +16491,17 @@ const qS = Be(
 );
 export {
   uS as PktAccordion,
-  LS as PktAccordionItem,
+  NS as PktAccordionItem,
   Pp as PktAlert,
   Ly as PktBackLink,
-  PS as PktBreadcrumbs,
+  jS as PktBreadcrumbs,
   Sr as PktButton,
   Oy as PktCard,
   fo as PktCheckbox,
   My as PktDatepicker,
-  OS as PktFooter,
-  MS as PktFooterSimple,
-  IS as PktHeader,
+  LS as PktFooter,
+  PS as PktFooterSimple,
+  OS as PktHeader,
   pe as PktIcon,
   Iy as PktInput,
   Pa as PktInputWrapper,
@@ -16511,10 +16513,10 @@ export {
   K_ as PktPreview,
   tS as PktProgressbar,
   nS as PktRadioButton,
-  qS as PktSearchInput,
+  IS as PktSearchInput,
   pp as PktSelect,
-  US as PktStep,
-  HS as PktStepper,
+  qS as PktStep,
+  RS as PktStepper,
   io as PktTable,
   oo as PktTableBody,
   Bt as PktTableDataCell,
@@ -16523,6 +16525,6 @@ export {
   gr as PktTableRow,
   V_ as PktTabs,
   $a as PktTag,
-  zS as PktTextarea,
+  HS as PktTextarea,
   dp as PktTextinput
 };

package/dist/punkt-react.umd.js

@@ -389,7 +389,7 @@ React keys must be passed directly to JSX without using spread:
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const Du=(e,t,n)=>{const r=new Map;for(let i=t;i<=n;i++)r.set(e[i],i);return r},dg=Vr(class extends Ga{constructor(e){if(super(e),e.type!==Va.CHILD)throw Error("repeat() can only be used in text expressions")}dt(e,t,n){let r;n===void 0?n=t:t!==void 0&&(r=t);const i=[],o=[];let u=0;for(const c of e)i[u]=r?r(c,u):u,o[u]=n(c,u),u++;return{values:o,keys:i}}render(e,t,n){return this.dt(e,t,n).values}update(e,[t,n,r]){const i=cf(e),{values:o,keys:u}=this.dt(t,n,r);if(!Array.isArray(i))return this.ut=u,o;const c=this.ut??(this.ut=[]),d=[];let h,m,v=0,y=i.length-1,b=0,k=o.length-1;for(;v<=y&&b<=k;)if(i[v]===null)v++;else if(i[y]===null)y--;else if(c[v]===u[b])d[b]=On(i[v],o[b]),v++,b++;else if(c[y]===u[k])d[k]=On(i[y],o[k]),y--,k--;else if(c[v]===u[k])d[k]=On(i[v],o[k]),Gr(e,d[k+1],i[v]),v++,k--;else if(c[y]===u[b])d[b]=On(i[y],o[b]),Gr(e,i[v],i[y]),y--,b++;else if(h===void 0&&(h=Du(u,b,k),m=Du(c,v,y)),h.has(c[v]))if(h.has(c[y])){const x=m.get(u[b]),C=x!==void 0?i[x]:null;if(C===null){const T=Gr(e,i[v]);On(T,o[b]),d[b]=T}else d[b]=On(C,o[b]),Gr(e,i[v],C),i[x]=null;b++}else fs(i[y]),y--;else fs(i[v]),v++;for(;b<=k;){const x=Gr(e,d[k+1]);On(x,o[b]),d[b++]=x}for(;v<=y;){const x=i[v++];x!==null&&fs(x)}return this.ut=u,uf(e,d),Xt}}),hg="pkt-datepicker",fg=!0,mg={name:{type:"string",name:"Navn",description:"Navn som sendes brukes i skjema ved innsending"},label:{type:"string",name:"Etikett",description:"Tekst som vises over datovelgeren"},helptext:{type:"string",name:"Hjelpetekst",description:"Hjelpetekst som vises over datovelgeren"},helptextDropdown:{type:"string",name:"Utvidet hjelpetekst",description:"Hjelpetekst som vises i en lukket boks man kan åpne"},helptextDropdownButton:{type:"string",name:"Knappetekst for hjelpetekst",description:"Tekst som vises på knappen for å åpne/lukke utvidet hjelpetekst",default:"Les mer"},dateformat:{name:"Datoformat",description:"Datoformat for valgte datoer i flervalgsmodus",type:"string",default:"dd.MM.yyyy"},currentmonth:{name:"Nåværende måned",type:"ISOdatestring",description:"Måneden som skal vises i datovelgeren"},value:{name:"Verdi",type:"ISOdatestring",variant:"multiple",reflect:!0,description:"Kommaseparert liste av valgte datoer"},excludeweekdays:{name:"Utelat ukedager",type:"string",description:"Kommaseparert liste over ukedager (1-7) som skal ekskluderes"},excludedates:{name:"Utelat datoer",type:"ISOdatestring",variant:"multiple",description:"Kommaseparert liste over datoer som skal ekskluderes"},min:{name:"Tidligst tillatt",type:"ISOdatestring",default:null,description:"Første tillate dato i datovelgeren"},max:{name:"Senest tillatt",type:"ISOdatestring",default:null,description:"Siste tillate dato i datovelgeren"},weeknumbers:{name:"Vis ukenummer",type:"boolean",reflect:!0,default:!1,description:"Vis ukedager i datovelgerens kalender"},withcontrols:{name:"Med kontroller",type:"boolean",reflect:!0,default:!1,description:"Vis avanserte velgere for måned og år"},multiple:{name:"Flervalg",type:"boolean",reflect:!0,default:!1,description:"Tillat valg av flere enn én dato i samme velger"},maxlength:{name:"Maks antall",description:"Maks valgte datoer i flervalgsmodus",type:"number",default:4},range:{name:"Datotidsrom",type:"boolean",reflect:!0,default:!1,description:"Tillat å velge et tidsrom mellom to datoer i samme velger"},hasError:{type:"boolean",name:"Feil",description:"Viser feiltilstand for datovelgeren"},errorMessage:{type:"string",name:"Feilmelding",description:"Tekst som vises under datovelgeren ved feiltilstand"},disabled:{type:"boolean",name:"Deaktivert",default:!1,reflect:!0,description:"Er datovelgeren deaktivert?"},fullwidth:{type:"boolean",name:"Full bredde",default:!1,reflect:!0,description:"Skal datovelgeren ta opp hele bredden?"},required:{type:"boolean",name:"Påkrevd",default:!1,reflect:!0,description:"Er datovelgeren påkrevd?"},requiredTag:{type:"boolean",name:"Vise påkrevd-merking",default:!1,description:"Viser en merking som indikerer at datovelgeren er påkrevd"},requiredText:{type:"string",name:"Påkrevd-tekst",default:"Må fylles ut",description:"Tekst som vises i påkrevd-merkingen"},optionalTag:{type:"boolean",name:"Vise valgfritt-merking",default:!1,description:"Viser en merking som indikerer at datovelgeren er valgfri"},optionalText:{type:"string",name:"Valgfritt-tekst",default:"Valgfritt",description:"Tekst som vises i valgfritt-merkingen"},useWrapper:{type:"boolean",name:"Bruk wrapper",description:"Indikerer at feltet skal ha synlig label og hjelpetekst",default:!0},id:{type:"string",name:"ID",description:"Unik identifikasjon for datovelgeren"}},gg={change:{type:"Event",description:"Returnerer valgt dato som streng i ISO-format"},"value-change":{type:"CustomEvent",description:"Returnerer en <code>array</code> med valgte datoer i ISO-format"},toggleHelpText:{type:"CustomEvent",description:"Returnerer <code>event.detail { isOpen: true }</code> eller <code>event.detail { isOpen: false }</code> når hjelpeteksten åpnes eller lukkes"}},yn={name:hg,"css-class":"pkt-datepicker",isElement:fg,props:mg,events:gg};var vg=Object.defineProperty,yg=Object.getOwnPropertyDescriptor,Ve=(e,t,n,r)=>{for(var i=r>1?void 0:r?yg(t,n):t,o=e.length-1,u;o>=0;o--)(u=e[o])&&(i=(r?u(t,n,i):u(i))||i);return r&&i&&vg(t,n,i),i};const bu=e=>new Promise(t=>setTimeout(t,e));let Ie=class extends je{constructor(){super(...arguments),this.value="",this._value=this.value?Array.isArray(this.value)?this.value:this.value.split(","):[],this.label="Datovelger",this.dateformat=yn.props.dateformat.default,this.multiple=yn.props.multiple.default,this.maxlength=yn.props.maxlength.default,this.range=yn.props.range.default,this.min=null,this.max=null,this.weeknumbers=yn.props.weeknumbers.default,this.withcontrols=yn.props.withcontrols.default,this.fullwidth=!1,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=null,this.useWrapper=!0,this.calendarOpen=!1,this.timezone="Europe/Oslo",this.inputRef=ut(),this.inputRefTo=ut(),this.btnRef=ut(),this.calRef=ut(),this.popupRef=ut(),this.inputClasses={"pkt-input":!0,"pkt-datepicker__input":!0,"pkt-input--fullwidth":this.fullwidth},this.buttonClasses={"pkt-input-icon":!0,"pkt-btn":!0,"pkt-btn--icon-only":!0,"pkt-btn--tertiary":!0},this.addToSelected=t=>{const n=t.target;if(!n.value)return;const r=this.min?qe(this.min):null,i=this.max?qe(this.max):null,o=qe(n.value.split(",")[0]);o&&!isNaN(o.getTime())&&(!r||o>=r)&&(!i||o<=i)&&this.calRef.value&&this.calRef.value.handleDateSelect(o),n.value=""}}async connectedCallback(){super.connectedCallback(),this.isMobileSafari=/iP(ad|od|hone)/i.test(window.navigator.userAgent)&&!!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/),this.inputType=this.isMobileSafari?"text":"date",document&&document.body.addEventListener("click",t=>{var n,r;(n=this.inputRef)!=null&&n.value&&(r=this.btnRef)!=null&&r.value&&!this.inputRef.value.contains(t.target)&&!(this.inputRefTo.value&&this.inputRefTo.value.contains(t.target))&&!this.btnRef.value.contains(t.target)&&!t.target.closest(".pkt-calendar-popup")&&this.calendarOpen&&(this.onBlur(),this.hideCalendar())}),this.value.length&&this._value.length===0&&(this._value=Array.isArray(this.value)?this.value:this.value.split(",")),this.min=this.min||yn.props.min.default,this.max=this.max||yn.props.max.default,typeof this.excludedates=="string"&&(this.excludedates=this.excludedates.split(",")),typeof this.excludeweekdays=="string"&&(this.excludeweekdays=this.excludeweekdays.split(",")),(this.multiple||this.range)&&this.name&&!this.name.endsWith("[]")&&(this.name=this.name+"[]"),this.calendarOpen&&(await bu(20),this.handleCalendarPosition())}disconnectedCallback(){super.disconnectedCallback(),document&&document.body.removeEventListener("click",t=>{var n,r;(n=this.inputRef)!=null&&n.value&&(r=this.btnRef)!=null&&r.value&&!this.inputRef.value.contains(t.target)&&!this.btnRef.value.contains(t.target)&&this.hideCalendar()})}attributeChangedCallback(t,n,r){t==="value"&&this.valueChanged(this.value,n),t==="excludedates"&&typeof this.excludedates=="string"&&(this.excludedates=(r==null?void 0:r.split(","))??[]),t==="excludeweekdays"&&typeof this.excludeweekdays=="string"&&(this.excludeweekdays=(r==null?void 0:r.split(","))??[]),super.attributeChangedCallback(t,n,r)}firstUpdated(t){super.firstUpdated(t)}updated(t){if(super.updated(t),t.has("value")){if(this.range&&this._value.length===1)return;this.valueChanged(this.value,t.get("value"))}}renderInput(){return V`
+ */const Du=(e,t,n)=>{const r=new Map;for(let i=t;i<=n;i++)r.set(e[i],i);return r},dg=Vr(class extends Ga{constructor(e){if(super(e),e.type!==Va.CHILD)throw Error("repeat() can only be used in text expressions")}dt(e,t,n){let r;n===void 0?n=t:t!==void 0&&(r=t);const i=[],o=[];let u=0;for(const c of e)i[u]=r?r(c,u):u,o[u]=n(c,u),u++;return{values:o,keys:i}}render(e,t,n){return this.dt(e,t,n).values}update(e,[t,n,r]){const i=cf(e),{values:o,keys:u}=this.dt(t,n,r);if(!Array.isArray(i))return this.ut=u,o;const c=this.ut??(this.ut=[]),d=[];let h,m,v=0,y=i.length-1,b=0,k=o.length-1;for(;v<=y&&b<=k;)if(i[v]===null)v++;else if(i[y]===null)y--;else if(c[v]===u[b])d[b]=On(i[v],o[b]),v++,b++;else if(c[y]===u[k])d[k]=On(i[y],o[k]),y--,k--;else if(c[v]===u[k])d[k]=On(i[v],o[k]),Gr(e,d[k+1],i[v]),v++,k--;else if(c[y]===u[b])d[b]=On(i[y],o[b]),Gr(e,i[v],i[y]),y--,b++;else if(h===void 0&&(h=Du(u,b,k),m=Du(c,v,y)),h.has(c[v]))if(h.has(c[y])){const x=m.get(u[b]),C=x!==void 0?i[x]:null;if(C===null){const T=Gr(e,i[v]);On(T,o[b]),d[b]=T}else d[b]=On(C,o[b]),Gr(e,i[v],C),i[x]=null;b++}else fs(i[y]),y--;else fs(i[v]),v++;for(;b<=k;){const x=Gr(e,d[k+1]);On(x,o[b]),d[b++]=x}for(;v<=y;){const x=i[v++];x!==null&&fs(x)}return this.ut=u,uf(e,d),Xt}}),hg="pkt-datepicker",fg=!0,mg={name:{type:"string",name:"Navn",description:"Navn som sendes brukes i skjema ved innsending"},label:{type:"string",name:"Etikett",description:"Tekst som vises over datovelgeren"},helptext:{type:"string",name:"Hjelpetekst",description:"Hjelpetekst som vises over datovelgeren"},helptextDropdown:{type:"string",name:"Utvidet hjelpetekst",description:"Hjelpetekst som vises i en lukket boks man kan åpne"},helptextDropdownButton:{type:"string",name:"Knappetekst for hjelpetekst",description:"Tekst som vises på knappen for å åpne/lukke utvidet hjelpetekst",default:"Les mer"},dateformat:{name:"Datoformat",description:"Datoformat for valgte datoer i flervalgsmodus",type:"string",default:"dd.MM.yyyy"},currentmonth:{name:"Nåværende måned",type:"ISOdatestring",description:"Måneden som skal vises i datovelgeren"},value:{name:"Verdi",type:"ISOdatestring",variant:"multiple",reflect:!0,description:"Kommaseparert liste av valgte datoer"},excludeweekdays:{name:"Utelat ukedager",type:"string",description:"Kommaseparert liste over ukedager (1-7) som skal ekskluderes"},excludedates:{name:"Utelat datoer",type:"ISOdatestring",variant:"multiple",description:"Kommaseparert liste over datoer som skal ekskluderes"},min:{name:"Tidligst tillatt",type:"ISOdatestring",default:null,description:"Første tillate dato i datovelgeren"},max:{name:"Senest tillatt",type:"ISOdatestring",default:null,description:"Siste tillate dato i datovelgeren"},weeknumbers:{name:"Vis ukenummer",type:"boolean",reflect:!0,default:!1,description:"Vis ukedager i datovelgerens kalender"},withcontrols:{name:"Med kontroller",type:"boolean",reflect:!0,default:!1,description:"Vis avanserte velgere for måned og år"},multiple:{name:"Flervalg",type:"boolean",reflect:!0,default:!1,description:"Tillat valg av flere enn én dato i samme velger"},maxlength:{name:"Maks antall",description:"Maks valgte datoer i flervalgsmodus",type:"number",default:4},range:{name:"Datotidsrom",type:"boolean",reflect:!0,default:!1,description:"Tillat å velge et tidsrom mellom to datoer i samme velger"},hasError:{type:"boolean",name:"Feil",description:"Viser feiltilstand for datovelgeren"},errorMessage:{type:"string",name:"Feilmelding",description:"Tekst som vises under datovelgeren ved feiltilstand"},disabled:{type:"boolean",name:"Deaktivert",default:!1,reflect:!0,description:"Er datovelgeren deaktivert?"},fullwidth:{type:"boolean",name:"Full bredde",default:!1,reflect:!0,description:"Skal datovelgeren ta opp hele bredden?"},required:{type:"boolean",name:"Påkrevd",default:!1,reflect:!0,description:"Er datovelgeren påkrevd?"},requiredTag:{type:"boolean",name:"Vise påkrevd-merking",default:!1,description:"Viser en merking som indikerer at datovelgeren er påkrevd"},requiredText:{type:"string",name:"Påkrevd-tekst",default:"Må fylles ut",description:"Tekst som vises i påkrevd-merkingen"},optionalTag:{type:"boolean",name:"Vise valgfritt-merking",default:!1,description:"Viser en merking som indikerer at datovelgeren er valgfri"},optionalText:{type:"string",name:"Valgfritt-tekst",default:"Valgfritt",description:"Tekst som vises i valgfritt-merkingen"},useWrapper:{type:"boolean",name:"Bruk wrapper",description:"Indikerer at feltet skal ha synlig label og hjelpetekst",default:!0},id:{type:"string",name:"ID",description:"Unik identifikasjon for datovelgeren"}},gg={change:{type:"Event",description:"Returnerer valgt dato som streng i ISO-format"},"value-change":{type:"CustomEvent",description:"Returnerer en <code>array</code> med valgte datoer i ISO-format"},toggleHelpText:{type:"CustomEvent",description:"Returnerer <code>event.detail { isOpen: true }</code> eller <code>event.detail { isOpen: false }</code> når hjelpeteksten åpnes eller lukkes"}},yn={name:hg,"css-class":"pkt-datepicker",isElement:fg,props:mg,events:gg};var vg=Object.defineProperty,yg=Object.getOwnPropertyDescriptor,Ve=(e,t,n,r)=>{for(var i=r>1?void 0:r?yg(t,n):t,o=e.length-1,u;o>=0;o--)(u=e[o])&&(i=(r?u(t,n,i):u(i))||i);return r&&i&&vg(t,n,i),i};const bu=e=>new Promise(t=>setTimeout(t,e));let Ie=class extends je{constructor(){super(...arguments),this.value="",this._value=this.value?Array.isArray(this.value)?this.value:this.value.split(","):[],this.label="Datovelger",this.dateformat=yn.props.dateformat.default,this.multiple=yn.props.multiple.default,this.maxlength=yn.props.maxlength.default,this.range=yn.props.range.default,this.min=null,this.max=null,this.weeknumbers=yn.props.weeknumbers.default,this.withcontrols=yn.props.withcontrols.default,this.fullwidth=!1,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=null,this.useWrapper=!0,this.calendarOpen=!1,this.timezone="Europe/Oslo",this.inputRef=ut(),this.inputRefTo=ut(),this.btnRef=ut(),this.calRef=ut(),this.popupRef=ut(),this.inputClasses={"pkt-input":!0,"pkt-datepicker__input":!0,"pkt-input--fullwidth":this.fullwidth},this.buttonClasses={"pkt-input-icon":!0,"pkt-btn":!0,"pkt-btn--icon-only":!0,"pkt-btn--tertiary":!0},this.addToSelected=e=>{const t=e.target;if(!t.value)return;const n=this.min?qe(this.min):null,r=this.max?qe(this.max):null,i=qe(t.value.split(",")[0]);i&&!isNaN(i.getTime())&&(!n||i>=n)&&(!r||i<=r)&&this.calRef.value&&this.calRef.value.handleDateSelect(i),t.value=""}}async connectedCallback(){super.connectedCallback(),this.isMobileSafari=/iP(ad|od|hone)/i.test(window.navigator.userAgent)&&!!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/),this.inputType=this.isMobileSafari?"text":"date",document&&document.body.addEventListener("click",e=>{var t,n;(t=this.inputRef)!=null&&t.value&&(n=this.btnRef)!=null&&n.value&&!this.inputRef.value.contains(e.target)&&!(this.inputRefTo.value&&this.inputRefTo.value.contains(e.target))&&!this.btnRef.value.contains(e.target)&&!e.target.closest(".pkt-calendar-popup")&&this.calendarOpen&&(this.onBlur(),this.hideCalendar())}),this.value.length&&this._value.length===0&&(this._value=Array.isArray(this.value)?this.value:this.value.split(",")),this.min=this.min||yn.props.min.default,this.max=this.max||yn.props.max.default,typeof this.excludedates=="string"&&(this.excludedates=this.excludedates.split(",")),typeof this.excludeweekdays=="string"&&(this.excludeweekdays=this.excludeweekdays.split(",")),(this.multiple||this.range)&&this.name&&!this.name.endsWith("[]")&&(this.name=this.name+"[]"),this.calendarOpen&&(await bu(20),this.handleCalendarPosition())}disconnectedCallback(){super.disconnectedCallback(),document&&document.body.removeEventListener("click",e=>{var t,n;(t=this.inputRef)!=null&&t.value&&(n=this.btnRef)!=null&&n.value&&!this.inputRef.value.contains(e.target)&&!this.btnRef.value.contains(e.target)&&this.hideCalendar()})}attributeChangedCallback(e,t,n){e==="value"&&this.valueChanged(this.value,t),e==="excludedates"&&typeof this.excludedates=="string"&&(this.excludedates=(n==null?void 0:n.split(","))??[]),e==="excludeweekdays"&&typeof this.excludeweekdays=="string"&&(this.excludeweekdays=(n==null?void 0:n.split(","))??[]),super.attributeChangedCallback(e,t,n)}firstUpdated(e){super.firstUpdated(e)}updated(e){if(super.updated(e),e.has("value")){if(this.range&&this._value.length===1)return;this.valueChanged(this.value,e.get("value"))}}renderInput(){return V`
       <input
         class="${Re(this.inputClasses)}"
         .type=${this.inputType}
@@ -397,13 +397,13 @@ React keys must be passed directly to JSX without using spread:
         .value=${this._value[0]??""}
         min=${this.min}
         max=${this.max}
-        @click=${t=>{t.preventDefault(),this.showCalendar()}}
+        @click=${e=>{e.preventDefault(),this.showCalendar()}}
         ?disabled=${this.disabled}
-        @keydown=${t=>{var n;(t.key===","||t.key==="Enter")&&((n=this.inputRef.value)==null||n.blur()),(t.key==="Space"||t.key===" ")&&(t.preventDefault(),this.toggleCalendar(t))}}
-        @input=${t=>{this.onInput(),t.stopImmediatePropagation()}}
+        @keydown=${e=>{var t;(e.key===","||e.key==="Enter")&&((t=this.inputRef.value)==null||t.blur()),(e.key==="Space"||e.key===" ")&&(e.preventDefault(),this.toggleCalendar(e))}}
+        @input=${e=>{this.onInput(),e.stopImmediatePropagation()}}
         @focus=${()=>{this.onFocus(),this.isMobileSafari&&this.showCalendar()}}
-        @blur=${t=>{var n;(n=this.calRef.value)!=null&&n.contains(t.relatedTarget)||this.onBlur(),this.manageValidity(t.target),this.value=t.target.value}}
-        @change=${t=>{t.stopImmediatePropagation()}}
+        @blur=${e=>{var t;(t=this.calRef.value)!=null&&t.contains(e.relatedTarget)||this.onBlur(),this.manageValidity(e.target),this.value=e.target.value}}
+        @change=${e=>{e.stopImmediatePropagation()}}
         ${Je(this.inputRef)}
       />
     `}renderRangeInput(){return V`
@@ -415,13 +415,13 @@ React keys must be passed directly to JSX without using spread:
         .value=${this._value[0]??""}
         min=${this.min}
         max=${this.max}
-        @click=${t=>{t.preventDefault(),this.showCalendar()}}
+        @click=${e=>{e.preventDefault(),this.showCalendar()}}
         ?disabled=${this.disabled}
-        @keydown=${t=>{var n;(t.key===","||t.key==="Enter")&&((n=this.inputRef.value)==null||n.blur()),(t.key==="Space"||t.key===" ")&&(t.preventDefault(),this.toggleCalendar(t))}}
-        @input=${t=>{this.onInput(),t.stopImmediatePropagation()}}
+        @keydown=${e=>{var t;(e.key===","||e.key==="Enter")&&((t=this.inputRef.value)==null||t.blur()),(e.key==="Space"||e.key===" ")&&(e.preventDefault(),this.toggleCalendar(e))}}
+        @input=${e=>{this.onInput(),e.stopImmediatePropagation()}}
         @focus=${()=>{this.onFocus(),this.isMobileSafari&&this.showCalendar()}}
-        @blur=${t=>{var n,r;if(t.target.value){this.manageValidity(t.target);const i=Cs(t.target.value);i&&this._value[0]!==t.target.value&&this._value[1]&&(this.clearInputValue(),(r=(n=this.calRef)==null?void 0:n.value)==null||r.handleDateSelect(i))}else this._value[0]&&this.clearInputValue()}}
-        @change=${t=>{t.stopImmediatePropagation()}}
+        @blur=${e=>{var t,n;if(e.target.value){this.manageValidity(e.target);const r=Cs(e.target.value);r&&this._value[0]!==e.target.value&&this._value[1]&&(this.clearInputValue(),(n=(t=this.calRef)==null?void 0:t.value)==null||n.handleDateSelect(r))}else this._value[0]&&this.clearInputValue()}}
+        @change=${e=>{e.stopImmediatePropagation()}}
         ${Je(this.inputRef)}
       />
       <div class="pkt-input-prefix" id="${this.id}-to-label">Til</div>
@@ -433,13 +433,13 @@ React keys must be passed directly to JSX without using spread:
         .value=${this._value[1]??""}
         min=${this.min}
         max=${this.max}
-        @click=${t=>{t.preventDefault(),this.showCalendar()}}
+        @click=${e=>{e.preventDefault(),this.showCalendar()}}
         ?disabled=${this.disabled}
-        @keydown=${t=>{var n;(t.key===","||t.key==="Enter")&&((n=this.inputRefTo.value)==null||n.blur()),(t.key==="Space"||t.key===" ")&&(t.preventDefault(),this.toggleCalendar(t))}}
-        @input=${t=>{this.onInput(),t.stopImmediatePropagation()}}
+        @keydown=${e=>{var t;(e.key===","||e.key==="Enter")&&((t=this.inputRefTo.value)==null||t.blur()),(e.key==="Space"||e.key===" ")&&(e.preventDefault(),this.toggleCalendar(e))}}
+        @input=${e=>{this.onInput(),e.stopImmediatePropagation()}}
         @focus=${()=>{this.onFocus(),this.isMobileSafari&&this.showCalendar()}}
-        @blur=${t=>{var n,r,i;if((n=this.calRef.value)!=null&&n.contains(t.relatedTarget)||this.onBlur(),t.target.value){this.manageValidity(t.target);const o=t.target.value;this.min&&this.min>o?this.internals.setValidity({rangeUnderflow:!0},this.strings.forms.messages.rangeUnderflow,t.target):this.max&&this.max<o&&this.internals.setValidity({rangeOverflow:!0},this.strings.forms.messages.rangeOverflow,t.target);const u=Cs(t.target.value);u&&this._value[1]!==Xe(u)&&((i=(r=this.calRef)==null?void 0:r.value)==null||i.handleDateSelect(u))}}}
-        @change=${t=>{t.stopImmediatePropagation()}}
+        @blur=${e=>{var t,n,r;if((t=this.calRef.value)!=null&&t.contains(e.relatedTarget)||this.onBlur(),e.target.value){this.manageValidity(e.target);const i=e.target.value;this.min&&this.min>i?this.internals.setValidity({rangeUnderflow:!0},this.strings.forms.messages.rangeUnderflow,e.target):this.max&&this.max<i&&this.internals.setValidity({rangeOverflow:!0},this.strings.forms.messages.rangeOverflow,e.target);const o=Cs(e.target.value);o&&this._value[1]!==Xe(o)&&((r=(n=this.calRef)==null?void 0:n.value)==null||r.handleDateSelect(o))}}}
+        @change=${e=>{e.stopImmediatePropagation()}}
         ${Je(this.inputRefTo)}
       />
     `}renderMultipleInput(){return V`
@@ -449,30 +449,30 @@ React keys must be passed directly to JSX without using spread:
         id="${this.id}-input"
         min=${this.min}
         max=${this.max}
-        @click=${t=>{t.preventDefault(),this.showCalendar()}}
-        @blur=${t=>{var n;(n=this.calRef.value)!=null&&n.contains(t.relatedTarget)||this.onBlur(),this.addToSelected(t)}}
-        @input=${t=>{this.onInput(),t.stopImmediatePropagation()}}
+        @click=${e=>{e.preventDefault(),this.showCalendar()}}
+        @blur=${e=>{var t;(t=this.calRef.value)!=null&&t.contains(e.relatedTarget)||this.onBlur(),this.addToSelected(e)}}
+        @input=${e=>{this.onInput(),e.stopImmediatePropagation()}}
         @focus=${()=>{this.onFocus(),this.isMobileSafari&&this.showCalendar()}}
-        @keydown=${t=>{(t.key===","||t.key==="Enter")&&(t.preventDefault(),this.addToSelected(t)),(t.key==="Space"||t.key===" ")&&(t.preventDefault(),this.toggleCalendar(t))}}
+        @keydown=${e=>{(e.key===","||e.key==="Enter")&&(e.preventDefault(),this.addToSelected(e)),(e.key==="Space"||e.key===" ")&&(e.preventDefault(),this.toggleCalendar(e))}}
         ?disabled=${this.disabled||this.maxlength&&this._value.length>=this.maxlength}
-        @change=${t=>{t.stopImmediatePropagation()}}
+        @change=${e=>{e.stopImmediatePropagation()}}
         ${Je(this.inputRef)}
       />
     `}renderTags(){return V`
       <div class="pkt-datepicker__tags" aria-live="polite">
-        ${this._value[0]?dg(this._value??[],t=>t,t=>V`
+        ${this._value[0]?dg(this._value??[],e=>e,e=>V`
                 <pkt-tag
-                  .id="${this.id+t+"-tag"}"
+                  .id="${this.id+e+"-tag"}"
                   closeTag
-                  ariaLabel="${this.strings.calendar.deleteDate} ${vu(t,this.dateformat)}"
-                  @close=${()=>{var n;return(n=this.calRef.value)==null?void 0:n.handleDateSelect(Cs(t))}}
-                  >${vu(t,this.dateformat)}</pkt-tag
+                  ariaLabel="${this.strings.calendar.deleteDate} ${vu(e,this.dateformat)}"
+                  @close=${()=>{var t;return(t=this.calRef.value)==null?void 0:t.handleDateSelect(Cs(e))}}
+                  >${vu(e,this.dateformat)}</pkt-tag
                 >
               `):te}
       </div>
     `}renderCalendar(){return V`<div
       class="pkt-calendar-popup pkt-${this.calendarOpen?"show":"hide"}"
-      @focusout=${t=>{this.calendarOpen&&this.handleFocusOut(t)}}
+      @focusout=${e=>{this.calendarOpen&&this.handleFocusOut(e)}}
       id="${this.id}-popup"
       ${Je(this.popupRef)}
     >
@@ -489,7 +489,7 @@ React keys must be passed directly to JSX without using spread:
         .excludedates=${Array.isArray(this.excludedates)?this.excludedates:this.excludedates.split(",")}
         .excludeweekdays=${this.excludeweekdays}
         .currentmonth=${this.currentmonth?qe(this.currentmonth):null}
-        @date-selected=${t=>{this.value=!this.multiple&&!this.range?t.detail[0]:t.detail,this._value=t.detail,this.inputRef.value&&(this.range&&this.inputRefTo.value?(this.inputRef.value.value=this._value[0]??"",this.inputRefTo.value.value=this._value[1]??""):this.multiple||(this.inputRef.value.value=this._value.length?this._value[0]:""))}}
+        @date-selected=${e=>{this.value=!this.multiple&&!this.range?e.detail[0]:e.detail,this._value=e.detail,this.inputRef.value&&(this.range&&this.inputRefTo.value?(this.inputRef.value.value=this._value[0]??"",this.inputRefTo.value.value=this._value[1]??""):this.multiple||(this.inputRef.value.value=this._value.length?this._value[0]:""))}}
         @close=${()=>{this.onBlur(),this.hideCalendar()}}
         ${Je(this.calRef)}
       ></pkt-calendar>
@@ -532,7 +532,7 @@ React keys must be passed directly to JSX without using spread:
         </div>
       </pkt-input-wrapper>
       ${this.renderCalendar()}
-    `}handleCalendarPosition(){var t;if(this.popupRef.value&&this.inputRef.value){const n=this.multiple&&!!this.maxlength,r=((t=this.inputRef.value.parentElement)==null?void 0:t.getBoundingClientRect())||this.inputRef.value.getBoundingClientRect(),i=n?r.height+30:r.height,o=this.popupRef.value.getBoundingClientRect().height;let u=n?"calc(100% - 30px)":"100%";r&&r.top+o>window.innerHeight&&r.top-o>0&&(u=`calc(100% - ${i}px - ${o}px)`),this.popupRef.value.style.top=u}}handleFocusOut(t){this.contains(t.target)||(this.onBlur(),this.hideCalendar())}async showCalendar(){var t;this.calendarOpen=!0,await bu(20),this.handleCalendarPosition(),this.isMobileSafari&&((t=this.calRef.value)==null||t.focusOnCurrentDate())}hideCalendar(){this.calendarOpen=!1}async toggleCalendar(t){t.preventDefault(),this.calendarOpen?this.hideCalendar():this.showCalendar()}};Ve([j({type:String,reflect:!0})],Ie.prototype,"value",2),Ve([j({type:Array})],Ie.prototype,"_value",2),Ve([j({type:String})],Ie.prototype,"label",2),Ve([j({type:String})],Ie.prototype,"dateformat",2),Ve([j({type:Boolean,reflect:!0})],Ie.prototype,"multiple",2),Ve([j({type:Number})],Ie.prototype,"maxlength",2),Ve([j({type:Boolean,reflect:!0})],Ie.prototype,"range",2),Ve([j({type:String})],Ie.prototype,"min",2),Ve([j({type:String})],Ie.prototype,"max",2),Ve([j({type:Boolean})],Ie.prototype,"weeknumbers",2),Ve([j({type:Boolean})],Ie.prototype,"withcontrols",2),Ve([j({type:Boolean})],Ie.prototype,"fullwidth",2),Ve([j({converter:lr.csvToArray})],Ie.prototype,"excludedates",2),Ve([j({converter:lr.csvToArray})],Ie.prototype,"excludeweekdays",2),Ve([j({type:String})],Ie.prototype,"currentmonth",2),Ve([j({type:Boolean})],Ie.prototype,"useWrapper",2),Ve([j({type:Boolean,reflect:!0})],Ie.prototype,"calendarOpen",2),Ve([j({type:String})],Ie.prototype,"timezone",2),Ie=Ve([At("pkt-datepicker")],Ie);const Dg="pkt-link",bg=!0,kg={href:{name:"URL",description:"URL til lenken",type:"string",default:"#"},target:{name:"Mål",description:"Mål for lenken",type:["_blank","_self","_parent","_top"],default:"_self"},iconName:{name:"Ikon",description:"Ikon som skal vises ved siden av lenketeksten",type:"icon"},iconPosition:{name:"Ikonposisjon",description:"Posisjonen til ikonet i forhold til lenketeksten",type:["left","right"]},external:{name:"Ekstern lenke",description:"Vis ikon for ekstern lenke",type:"boolean",default:!1}},wg={default:{description:"Innholdet i lenken"}},xs={name:Dg,"css-class":"pkt-link","dark-mode":!0,isElement:bg,props:kg,slots:wg};var Cg=Object.defineProperty,_g=Object.getOwnPropertyDescriptor,hr=(e,t,n,r)=>{for(var i=r>1?void 0:r?_g(t,n):t,o=e.length-1,u;o>=0;o--)(u=e[o])&&(i=(r?u(t,n,i):u(i))||i);return r&&i&&Cg(t,n,i),i};let Dn=class extends kt{constructor(){super(),this.defaultSlot=ut(),this.href=xs.props.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=xs.props.external.default,this.target=xs.props.target.default,this.slotController=new fn(this,this.defaultSlot)}render(){const e={"pkt-link":!0,"pkt-link--icon-left":!!this.iconName&&this.iconPosition==="left"||!!(this.iconName&&!this.iconPosition),"pkt-link--icon-right":!!this.iconName&&this.iconPosition==="right","pkt-link--external":this.external};return V`<a
+    `}handleCalendarPosition(){var e;if(this.popupRef.value&&this.inputRef.value){const t=this.multiple&&!!this.maxlength,n=((e=this.inputRef.value.parentElement)==null?void 0:e.getBoundingClientRect())||this.inputRef.value.getBoundingClientRect(),r=t?n.height+30:n.height,i=this.popupRef.value.getBoundingClientRect().height;let o=t?"calc(100% - 30px)":"100%";n&&n.top+i>window.innerHeight&&n.top-i>0&&(o=`calc(100% - ${r}px - ${i}px)`),this.popupRef.value.style.top=o}}handleFocusOut(e){this.contains(e.target)||(this.onBlur(),this.hideCalendar())}async showCalendar(){var e;this.calendarOpen=!0,await bu(20),this.handleCalendarPosition(),this.isMobileSafari&&((e=this.calRef.value)==null||e.focusOnCurrentDate())}hideCalendar(){this.calendarOpen=!1}async toggleCalendar(e){e.preventDefault(),this.calendarOpen?this.hideCalendar():this.showCalendar()}};Ve([j({type:String,reflect:!0})],Ie.prototype,"value",2),Ve([j({type:Array})],Ie.prototype,"_value",2),Ve([j({type:String})],Ie.prototype,"label",2),Ve([j({type:String})],Ie.prototype,"dateformat",2),Ve([j({type:Boolean,reflect:!0})],Ie.prototype,"multiple",2),Ve([j({type:Number})],Ie.prototype,"maxlength",2),Ve([j({type:Boolean,reflect:!0})],Ie.prototype,"range",2),Ve([j({type:String})],Ie.prototype,"min",2),Ve([j({type:String})],Ie.prototype,"max",2),Ve([j({type:Boolean})],Ie.prototype,"weeknumbers",2),Ve([j({type:Boolean})],Ie.prototype,"withcontrols",2),Ve([j({type:Boolean})],Ie.prototype,"fullwidth",2),Ve([j({converter:lr.csvToArray})],Ie.prototype,"excludedates",2),Ve([j({converter:lr.csvToArray})],Ie.prototype,"excludeweekdays",2),Ve([j({type:String})],Ie.prototype,"currentmonth",2),Ve([j({type:Boolean})],Ie.prototype,"useWrapper",2),Ve([j({type:Boolean,reflect:!0})],Ie.prototype,"calendarOpen",2),Ve([j({type:String})],Ie.prototype,"timezone",2),Ie=Ve([At("pkt-datepicker")],Ie);const Dg="pkt-link",bg=!0,kg={href:{name:"URL",description:"URL til lenken",type:"string",default:"#"},target:{name:"Mål",description:"Mål for lenken",type:["_blank","_self","_parent","_top"],default:"_self"},iconName:{name:"Ikon",description:"Ikon som skal vises ved siden av lenketeksten",type:"icon"},iconPosition:{name:"Ikonposisjon",description:"Posisjonen til ikonet i forhold til lenketeksten",type:["left","right"]},external:{name:"Ekstern lenke",description:"Vis ikon for ekstern lenke",type:"boolean",default:!1}},wg={default:{description:"Innholdet i lenken"}},xs={name:Dg,"css-class":"pkt-link","dark-mode":!0,isElement:bg,props:kg,slots:wg};var Cg=Object.defineProperty,_g=Object.getOwnPropertyDescriptor,hr=(e,t,n,r)=>{for(var i=r>1?void 0:r?_g(t,n):t,o=e.length-1,u;o>=0;o--)(u=e[o])&&(i=(r?u(t,n,i):u(i))||i);return r&&i&&Cg(t,n,i),i};let Dn=class extends kt{constructor(){super(),this.defaultSlot=ut(),this.href=xs.props.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=xs.props.external.default,this.target=xs.props.target.default,this.slotController=new fn(this,this.defaultSlot)}render(){const e={"pkt-link":!0,"pkt-link--icon-left":!!this.iconName&&this.iconPosition==="left"||!!(this.iconName&&!this.iconPosition),"pkt-link--icon-right":!!this.iconName&&this.iconPosition==="right","pkt-link--external":this.external};return V`<a
       class=${Re(e)}
       href=${this.href}
       @click=${this.handleClick}
@@ -550,9 +550,9 @@ React keys must be passed directly to JSX without using spread:
           </div>`:te}
       ${this.title?V`<div class="pkt-messagebox__title">${this.title}</div>`:te}
       <div class="pkt-messagebox__text" ${Je(this.defaultSlot)}></div>
-    </div>`}};fr([j({type:Boolean,reflect:!0})],bn.prototype,"closable",2),fr([j({type:Boolean,reflect:!0})],bn.prototype,"compact",2),fr([j({type:String,reflect:!0})],bn.prototype,"title",2),fr([j({type:String,reflect:!0})],bn.prototype,"skin",2),fr([Pt()],bn.prototype,"_isClosed",2),bn=fr([At("pkt-messagebox")],bn);const Bg="pkt-modal",Ng=!0,jg={"background-click":{description:"Event som trigges når bakgrunnen trykkes på"},close:{description:"Event som trigges når meldingsboksen lukkes"}},Pg={headingText:{name:"Heading text",description:"Heading tekst på modalen",type:"string"},hideCloseButton:{name:"Gjem 'Lukk'-knapp",description:"Gjemmer lukkeknappen. Dersom denne er satt til true, vil ikke lukkeknappen vises, og dermed er det viktig at man tilbyr en annen måte som f.eks. en knapp for å lukke modalen på.",type:"boolean",default:!1},closeOnBackdropClick:{name:"Lukk modalen når bakgrunnen trykkes på",description:"Lukk modalen når bakgrunnen trykkes på",type:"boolean",default:!1},size:{name:"Størrelse",description:"Størrelsen på modalen",type:["small","medium","large"],default:"medium"}},Lg={default:{description:"Innholdet i meldingen. Her tilbyr vi støtteklasser for å style 1-3 knapper i modalen."}},Es={name:Bg,"css-class":"pkt-modal",isElements:Ng,events:jg,props:Pg,slots:Lg};var Og=Object.defineProperty,Mg=Object.getOwnPropertyDescriptor,mr=(e,t,n,r)=>{for(var i=r>1?void 0:r?Mg(t,n):t,o=e.length-1,u;o>=0;o--)(u=e[o])&&(i=(r?u(t,n,i):u(i))||i);return r&&i&&Og(t,n,i),i};let kn=class extends kt{constructor(){super(),this.headingText="",this.hideCloseButton=Es.props.hideCloseButton.default,this.closeOnBackdropClick=Es.props.closeOnBackdropClick.default,this.size=Es.props.size.default,this.defaultSlot=ut(),this.dialogRef=ut(),this._isOpen=!1,this.close=t=>{var n;this._isOpen=!1,(n=this.dialogRef.value)==null||n.close();const r=document.activeElement;r&&!this.isElementInViewport(r)&&r.scrollIntoView({behavior:"smooth",block:"nearest"}),this.dispatchEvent(new CustomEvent("close",{detail:{origin:t},bubbles:!0,composed:!0})),document.querySelector(".pkt-modal")&&document.body.classList.remove("pkt-modal--open"),this.requestUpdate()},this.showModal=t=>{var n;this._isOpen=!0,(n=this.dialogRef.value)==null||n.showModal(),document.querySelector(".pkt-modal")&&document.body.classList.add("pkt-modal--open"),this.dispatchEvent(new CustomEvent("showModal",{detail:{origin:t},bubbles:!0,composed:!0})),this.requestUpdate()},this.slotController=new fn(this,this.defaultSlot),this._isOpen=!1}async connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.handleKeyDown.bind(this)),document.addEventListener("click",this.handleBackdropClick.bind(this))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.handleKeyDown.bind(this)),document.removeEventListener("click",this.handleBackdropClick.bind(this))}handleKeyDown(t){t.key==="Escape"&&this.close(t)}handleBackdropClick(t){var n;this.closeOnBackdropClick&&t.target===((n=this.dialogRef)==null?void 0:n.value)&&this.close(t)}isElementInViewport(t){const n=t.getBoundingClientRect();return n.top>=0&&n.left>=0&&n.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&n.right<=(window.innerWidth||document.documentElement.clientWidth)}render(){const t={"pkt-modal":!0,[`pkt-modal--${this.size}`]:this.size!==void 0};return V`
+    </div>`}};fr([j({type:Boolean,reflect:!0})],bn.prototype,"closable",2),fr([j({type:Boolean,reflect:!0})],bn.prototype,"compact",2),fr([j({type:String,reflect:!0})],bn.prototype,"title",2),fr([j({type:String,reflect:!0})],bn.prototype,"skin",2),fr([Pt()],bn.prototype,"_isClosed",2),bn=fr([At("pkt-messagebox")],bn);const Bg="pkt-modal",Ng=!0,jg={"background-click":{description:"Event som trigges når bakgrunnen trykkes på"},close:{description:"Event som trigges når meldingsboksen lukkes"}},Pg={headingText:{name:"Heading text",description:"Heading tekst på modalen",type:"string"},hideCloseButton:{name:"Gjem 'Lukk'-knapp",description:"Gjemmer lukkeknappen. Dersom denne er satt til true, vil ikke lukkeknappen vises, og dermed er det viktig at man tilbyr en annen måte som f.eks. en knapp for å lukke modalen på.",type:"boolean",default:!1},closeOnBackdropClick:{name:"Lukk modalen når bakgrunnen trykkes på",description:"Lukk modalen når bakgrunnen trykkes på",type:"boolean",default:!1},size:{name:"Størrelse",description:"Størrelsen på modalen",type:["small","medium","large"],default:"medium"}},Lg={default:{description:"Innholdet i meldingen. Her tilbyr vi støtteklasser for å style 1-3 knapper i modalen."}},Es={name:Bg,"css-class":"pkt-modal",isElements:Ng,events:jg,props:Pg,slots:Lg};var Og=Object.defineProperty,Mg=Object.getOwnPropertyDescriptor,mr=(e,t,n,r)=>{for(var i=r>1?void 0:r?Mg(t,n):t,o=e.length-1,u;o>=0;o--)(u=e[o])&&(i=(r?u(t,n,i):u(i))||i);return r&&i&&Og(t,n,i),i};let kn=class extends kt{constructor(){super(),this.headingText="",this.hideCloseButton=Es.props.hideCloseButton.default,this.closeOnBackdropClick=Es.props.closeOnBackdropClick.default,this.size=Es.props.size.default,this.defaultSlot=ut(),this.dialogRef=ut(),this._isOpen=!1,this.close=(e,t=!1)=>{var n;this._isOpen=!1,t||(n=this.dialogRef.value)==null||n.close();const r=document.activeElement;r&&!this.isElementInViewport(r)&&r.scrollIntoView({behavior:"smooth",block:"nearest"}),this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!0,composed:!0})),document.querySelector(".pkt-modal")&&document.body.classList.remove("pkt-modal--open"),this.requestUpdate()},this.showModal=e=>{var t;this._isOpen=!0,(t=this.dialogRef.value)==null||t.showModal(),document.querySelector(".pkt-modal")&&document.body.classList.add("pkt-modal--open"),this.dispatchEvent(new CustomEvent("showModal",{detail:{origin:e},bubbles:!0,composed:!0})),this.requestUpdate()},this.slotController=new fn(this,this.defaultSlot),this._isOpen=!1}async connectedCallback(){var e;super.connectedCallback(),document.addEventListener("keydown",this.handleKeyDown.bind(this)),document.addEventListener("click",this.handleBackdropClick.bind(this)),(e=this.dialogRef.value)==null||e.addEventListener("submit",t=>this.close(t,!0))}disconnectedCallback(){var e;super.disconnectedCallback(),document.removeEventListener("keydown",this.handleKeyDown.bind(this)),document.removeEventListener("click",this.handleBackdropClick.bind(this)),(e=this.dialogRef.value)==null||e.removeEventListener("submit",t=>this.close(t,!0))}handleKeyDown(e){e.key==="Escape"&&this.close(e)}handleBackdropClick(e){var t;this.closeOnBackdropClick&&e.target===((t=this.dialogRef)==null?void 0:t.value)&&this.close(e)}isElementInViewport(e){const t=e.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)}render(){const e={"pkt-modal":!0,[`pkt-modal--${this.size}`]:this.size!==void 0};return V`
       <dialog
-        class=${Re(t)}
+        class=${Re(e)}
         aria-modal=${this._isOpen}
         ${Je(this.dialogRef)}
         aria-labelledby="pkt-modal__headingText"
@@ -565,7 +565,7 @@ React keys must be passed directly to JSX without using spread:
               </h1>`:te}
           ${this.hideCloseButton?te:V`<div class="pkt-modal__closeButton">
                 <button
-                  @click=${n=>this.close(n)}
+                  @click=${t=>this.close(t)}
                   class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
                   aria-label="close"
                 >

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-react",
-  "version": "12.11.0",
+  "version": "12.11.1",
   "description": "React komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -48,7 +48,7 @@
   "devDependencies": {
     "@oslokommune/punkt-assets": "^12.7.3",
     "@oslokommune/punkt-css": "^12.11.0",
-    "@oslokommune/punkt-elements": "^12.11.0",
+    "@oslokommune/punkt-elements": "^12.11.1",
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
@@ -111,5 +111,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "727c8399a34e90ebfb7e843f0adfe0c4f828fa9f"
+  "gitHead": "85f7b78833f3b70bdeb9de59940e1c40d97aab57"
 }