@oslokommune/punkt-elements 12.36.2 → 12.37.1

package/dist/{datepicker-CpkTwszH.js → datepicker-cNYYOtBI.js}

@@ -1,16 +1,16 @@
 import { e as f } from "./class-map-KyMqi0fa.js";
 import { o } from "./if-defined-BErSJCeJ.js";
-import { x as p, E as m, n as r, a as w } from "./element-DjjF_tEh.js";
-import { r as b } from "./state-BtbpSrdV.js";
-import { n as $, f as v, a as R, b as y, d as x } from "./calendar-KDcOWD6V.js";
-import { P as C } from "./input-element-Bic-t96S.js";
-import { e as g, n as u } from "./ref-iIffqQAI.js";
-import { c as _ } from "./repeat-D4kMediE.js";
+import { x as u, E as g, n as r, a as w } from "./element-DjjF_tEh.js";
+import { r as k } from "./state-BtbpSrdV.js";
+import { n as v, f as $, a as R, b as y, d as x } from "./calendar-KDcOWD6V.js";
+import { P as C } from "./input-element-aQDMXDVQ.js";
+import { e as m, n as p } from "./ref-iIffqQAI.js";
+import { c as T } from "./repeat-D4kMediE.js";
 import "./icon-Beoxup8E.js";
 import "./input-wrapper-CeeNYbDA.js";
 import "./tag-CGnj4c1Z.js";
-import { P as T } from "./pkt-slot-controller-DFrc5O93.js";
-const D = {
+import { P as _ } from "./pkt-slot-controller-DFrc5O93.js";
+const S = {
   dateformat: {
     default: "dd.MM.yyyy"
   },
@@ -33,33 +33,33 @@ const D = {
     default: !1
   }
 }, c = {
-  props: D
+  props: S
 };
-var S = Object.defineProperty, I = Object.getOwnPropertyDescriptor, l = (t, e, i, n) => {
-  for (var s = n > 1 ? void 0 : n ? I(e, i) : e, h = t.length - 1, d; h >= 0; h--)
-    (d = t[h]) && (s = (n ? d(e, i, s) : d(s)) || s);
-  return n && s && S(e, i, s), s;
+var D = Object.defineProperty, I = Object.getOwnPropertyDescriptor, n = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? I(e, i) : e, h = t.length - 1, d; h >= 0; h--)
+    (d = t[h]) && (s = (a ? d(e, i, s) : d(s)) || s);
+  return a && s && D(e, i, s), s;
 };
-const k = (t) => new Promise((e) => setTimeout(e, t));
-let a = class extends C {
+const b = (t) => new Promise((e) => setTimeout(e, t));
+let l = class extends C {
   /**
    * Housekeeping / lifecycle methods
    */
   constructor() {
-    super(), this.value = "", this._value = this.value ? Array.isArray(this.value) ? this.value : this.value.split(",") : [], this.label = "Datovelger", this.dateformat = c.props.dateformat.default, this.multiple = c.props.multiple.default, this.maxlength = null, this.range = c.props.range.default, this.showRangeLabels = !1, this.min = null, this.max = null, this.weeknumbers = c.props.weeknumbers.default, this.withcontrols = c.props.withcontrols.default, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.calendarOpen = !1, this.timezone = "Europe/Oslo", this.inputClasses = {}, this.buttonClasses = {}, this.inputRef = g(), this.inputRefTo = g(), this.btnRef = g(), this.calRef = g(), this.popupRef = g(), this.helptextSlot = g(), this.addToSelected = (t) => {
+    super(), this.value = "", this._value = this.value ? Array.isArray(this.value) ? this.value : this.value.split(",") : [], this.label = "Datovelger", this.dateformat = c.props.dateformat.default, this.multiple = c.props.multiple.default, this.maxlength = null, this.range = c.props.range.default, this.showRangeLabels = !1, this.min = null, this.max = null, this.weeknumbers = c.props.weeknumbers.default, this.withcontrols = c.props.withcontrols.default, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.calendarOpen = !1, this.timezone = "Europe/Oslo", this.inputClasses = {}, this.buttonClasses = {}, this.inputRef = m(), this.inputRefTo = m(), this.btnRef = m(), this.calRef = m(), this.popupRef = m(), this.helptextSlot = m(), this.addToSelected = (t) => {
       const e = t.target;
       if (!e.value) return;
-      const i = this.min ? $(this.min) : null, n = this.max ? $(this.max) : null, s = $(e.value.split(",")[0]);
-      s && !isNaN(s.getTime()) && (!i || s >= i) && (!n || s <= n) && this.calRef.value && this.calRef.value.handleDateSelect(s), e.value = "";
-    }, this.slotController = new T(this, this.helptextSlot);
+      const i = this.min ? v(this.min) : null, a = this.max ? v(this.max) : null, s = v(e.value.split(",")[0]);
+      s && !isNaN(s.getTime()) && (!i || s >= i) && (!a || s <= a) && this.calRef.value && this.calRef.value.handleDateSelect(s), e.value = "";
+    }, this.slotController = new _(this, this.helptextSlot);
   }
   async connectedCallback() {
     super.connectedCallback();
     const t = navigator.userAgent, e = /iP(hone|od|ad)/.test(t);
     this.inputType = e ? "text" : "date", document && document.body.addEventListener("click", (i) => {
-      var n, s;
-      (n = this.inputRef) != null && n.value && ((s = this.btnRef) != null && s.value) && !this.inputRef.value.contains(i.target) && !(this.inputRefTo.value && this.inputRefTo.value.contains(i.target)) && !this.btnRef.value.contains(i.target) && !i.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 || c.props.min.default, this.max = this.max || c.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 k(20), this.handleCalendarPosition());
+      var a, s;
+      (a = this.inputRef) != null && a.value && ((s = this.btnRef) != null && s.value) && !this.inputRef.value.contains(i.target) && !(this.inputRefTo.value && this.inputRefTo.value.contains(i.target)) && !this.btnRef.value.contains(i.target) && !i.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 || c.props.min.default, this.max = this.max || c.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 b(20), this.handleCalendarPosition());
   }
   disconnectedCallback() {
     super.disconnectedCallback(), document && document.body.removeEventListener("click", (t) => {
@@ -85,7 +85,7 @@ let a = class extends C {
    * Rendering
    */
   renderInput() {
-    return p`
+    return u`
       <input
         class="${f(this.inputClasses)}"
         .type=${this.inputType}
@@ -98,8 +98,11 @@ let a = class extends C {
     }}
         ?disabled=${this.disabled}
         @keydown=${(t) => {
-      var e;
-      (t.key === "," || t.key === "Enter") && ((e = this.inputRef.value) == null || e.blur()), (t.key === "Space" || t.key === " ") && (t.preventDefault(), this.toggleCalendar(t));
+      var e, i;
+      if (t.key === "," && ((e = this.inputRef.value) == null || e.blur()), (t.key === "Space" || t.key === " ") && (t.preventDefault(), this.toggleCalendar(t)), t.key === "Enter") {
+        const a = this.internals.form;
+        a ? a.requestSubmit() : (i = this.inputRef.value) == null || i.blur();
+      }
     }}
         @input=${(t) => {
       this.onInput(), t.stopImmediatePropagation();
@@ -114,7 +117,7 @@ let a = class extends C {
         @change=${(t) => {
       t.stopImmediatePropagation();
     }}
-        ${u(this.inputRef)}
+        ${p(this.inputRef)}
       />
     `;
   }
@@ -123,8 +126,8 @@ let a = class extends C {
       "pkt-input-prefix": this.showRangeLabels,
       "pkt-hide": !this.showRangeLabels
     };
-    return p`
-      ${this.showRangeLabels ? p` <div class="pkt-input-prefix">${this.strings.generic.from}</div> ` : m}
+    return u`
+      ${this.showRangeLabels ? u` <div class="pkt-input-prefix">${this.strings.generic.from}</div> ` : g}
       <input
         class=${f(this.inputClasses)}
         .type=${this.inputType}
@@ -137,8 +140,11 @@ let a = class extends C {
       e.preventDefault(), this.showCalendar();
     }}
         @keydown=${(e) => {
-      var i;
-      (e.key === "," || e.key === "Enter") && ((i = this.inputRef.value) == null || i.blur()), (e.key === "Space" || e.key === " ") && (e.preventDefault(), this.toggleCalendar(e));
+      var i, a;
+      if (e.key === "," && ((i = this.inputRef.value) == null || i.blur()), (e.key === "Space" || e.key === " ") && (e.preventDefault(), this.toggleCalendar(e)), e.key === "Enter") {
+        const s = this.internals.form;
+        s ? s.requestSubmit() : (a = this.inputRefTo.value) == null || a.focus();
+      }
     }}
         @input=${(e) => {
       this.onInput(), e.stopImmediatePropagation();
@@ -147,22 +153,22 @@ let a = class extends C {
       this.onFocus(), this.isMobileSafari && this.showCalendar();
     }}
         @blur=${(e) => {
-      var i, n;
+      var i, a;
       if (e.target.value) {
         this.manageValidity(e.target);
-        const s = v(e.target.value);
-        s && this._value[0] !== e.target.value && this._value[1] && (this.clearInputValue(), (n = (i = this.calRef) == null ? void 0 : i.value) == null || n.handleDateSelect(s));
+        const s = $(e.target.value);
+        s && this._value[0] !== e.target.value && this._value[1] && (this.clearInputValue(), (a = (i = this.calRef) == null ? void 0 : i.value) == null || a.handleDateSelect(s));
       } else this._value[0] && this.clearInputValue();
     }}
         @change=${(e) => {
       e.stopImmediatePropagation();
     }}
-        ${u(this.inputRef)}
+        ${p(this.inputRef)}
       />
       <div class="${f(t)}" id="${this.id}-to-label">
         ${this.strings.generic.to}
       </div>
-      ${this.showRangeLabels ? m : p` <div class="pkt-input-separator">–</div> `}
+      ${this.showRangeLabels ? g : u` <div class="pkt-input-separator">–</div> `}
       <input
         class=${f(this.inputClasses)}
         .type=${this.inputType}
@@ -176,8 +182,11 @@ let a = class extends C {
       e.preventDefault(), this.showCalendar();
     }}
         @keydown=${(e) => {
-      var i;
-      (e.key === "," || e.key === "Enter") && ((i = this.inputRefTo.value) == null || i.blur()), (e.key === "Space" || e.key === " ") && (e.preventDefault(), this.toggleCalendar(e));
+      var i, a;
+      if (e.key === "," && ((i = this.inputRefTo.value) == null || i.blur()), (e.key === "Space" || e.key === " ") && (e.preventDefault(), this.toggleCalendar(e)), e.key === "Enter") {
+        const s = this.internals.form;
+        s ? s.requestSubmit() : (a = this.inputRefTo.value) == null || a.blur();
+      }
     }}
         @input=${(e) => {
       this.onInput(), e.stopImmediatePropagation();
@@ -186,7 +195,7 @@ let a = class extends C {
       this.onFocus(), this.isMobileSafari && this.showCalendar();
     }}
         @blur=${(e) => {
-      var i, n, s;
+      var i, a, s;
       if ((i = this.calRef.value) != null && i.contains(e.relatedTarget) || this.onBlur(), e.target.value) {
         this.manageValidity(e.target);
         const h = e.target.value;
@@ -199,19 +208,19 @@ let a = class extends C {
           this.strings.forms.messages.rangeOverflow,
           e.target
         );
-        const d = v(e.target.value);
-        d && this._value[1] !== R(d) && ((s = (n = this.calRef) == null ? void 0 : n.value) == null || s.handleDateSelect(d));
+        const d = $(e.target.value);
+        d && this._value[1] !== R(d) && ((s = (a = this.calRef) == null ? void 0 : a.value) == null || s.handleDateSelect(d));
       }
     }}
         @change=${(e) => {
       e.stopImmediatePropagation();
     }}
-        ${u(this.inputRefTo)}
+        ${p(this.inputRefTo)}
       />
     `;
   }
   renderMultipleInput() {
-    return p`
+    return u`
       <input
         class=${f(this.inputClasses)}
         .type=${this.inputType}
@@ -233,22 +242,26 @@ let a = class extends C {
       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));
+      var e;
+      if (t.key === "," && (t.preventDefault(), this.addToSelected(t)), (t.key === "Space" || t.key === " ") && (t.preventDefault(), this.toggleCalendar(t)), t.key === "Enter") {
+        const i = this.internals.form;
+        i ? i.requestSubmit() : (e = this.inputRef.value) == null || e.blur();
+      }
     }}
         @change=${(t) => {
       t.stopImmediatePropagation();
     }}
-        ${u(this.inputRef)}
+        ${p(this.inputRef)}
       />
     `;
   }
   renderTags() {
-    return p`
+    return u`
       <div class="pkt-datepicker__tags" aria-live="polite">
-        ${this._value[0] ? _(
+        ${this._value[0] ? T(
       this._value ?? [],
       (t) => t,
-      (t) => p`
+      (t) => u`
                 <pkt-tag
                   .id="${this.id + t + "-tag"}"
                   closeTag
@@ -258,23 +271,23 @@ let a = class extends C {
       )}"
                   @close=${() => {
         var e;
-        return (e = this.calRef.value) == null ? void 0 : e.handleDateSelect(v(t));
+        return (e = this.calRef.value) == null ? void 0 : e.handleDateSelect($(t));
       }}
                   ><time datetime="${t}">${y(t, this.dateformat)}</time></pkt-tag
                 >
               `
-    ) : m}
+    ) : g}
       </div>
     `;
   }
   renderCalendar() {
-    return p`<div
+    return u`<div
       class="pkt-calendar-popup pkt-${this.calendarOpen ? "show" : "hide"}"
       @focusout=${(t) => {
       this.calendarOpen && this.handleFocusOut(t);
     }}
       id="${this.id}-popup"
-      ${u(this.popupRef)}
+      ${p(this.popupRef)}
     >
       <pkt-calendar
         id="${this.id}-calendar"
@@ -288,14 +301,14 @@ let a = class extends C {
         .latest=${this.max}
         .excludedates=${Array.isArray(this.excludedates) ? this.excludedates : this.excludedates.split(",")}
         .excludeweekdays=${this.excludeweekdays}
-        .currentmonth=${this.currentmonth ? $(this.currentmonth) : null}
+        .currentmonth=${this.currentmonth ? v(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] : ""));
     }}
         @close=${() => {
       this.onBlur(), this.hideCalendar();
     }}
-        ${u(this.calRef)}
+        ${p(this.calRef)}
       ></pkt-calendar>
     </div>`;
   }
@@ -312,7 +325,7 @@ let a = class extends C {
       "pkt-btn": !0,
       "pkt-btn--icon-only": !0,
       "pkt-btn--tertiary": !0
-    }, p`
+    }, u`
       <pkt-input-wrapper
         label="${this.label}"
         forId="${this.id}-input"
@@ -336,8 +349,8 @@ let a = class extends C {
         .ariaDescribedBy=${this.ariaDescribedBy}
         class="pkt-datepicker"
       >
-        <div class="pkt-contents" ${u(this.helptextSlot)} name="helptext" slot="helptext"></div>
-        ${this.multiple ? this.renderTags() : m}
+        <div class="pkt-contents" ${p(this.helptextSlot)} name="helptext" slot="helptext"></div>
+        ${this.multiple ? this.renderTags() : g}
         <div
           class="pkt-datepicker__inputs ${this.range && this.showRangeLabels ? "pkt-input__range-inputs" : ""}"
         >
@@ -348,7 +361,7 @@ let a = class extends C {
               type="button"
               @click=${this.toggleCalendar}
               ?disabled=${this.disabled}
-              ${u(this.btnRef)}
+              ${p(this.btnRef)}
             >
               <pkt-icon name="calendar"></pkt-icon>
               <span class="pkt-btn__text">${this.strings.calendar.buttonAltText}</span>
@@ -365,9 +378,9 @@ let a = class extends C {
   handleCalendarPosition() {
     var t;
     if (this.popupRef.value && this.inputRef.value) {
-      const e = this.multiple && !!this.maxlength, i = ((t = this.inputRef.value.parentElement) == null ? void 0 : t.getBoundingClientRect()) || this.inputRef.value.getBoundingClientRect(), n = e ? i.height + 30 : i.height, s = this.popupRef.value.getBoundingClientRect().height;
+      const e = this.multiple && !!this.maxlength, i = ((t = this.inputRef.value.parentElement) == null ? void 0 : t.getBoundingClientRect()) || this.inputRef.value.getBoundingClientRect(), a = e ? i.height + 30 : i.height, s = this.popupRef.value.getBoundingClientRect().height;
       let h = e ? "calc(100% - 30px)" : "100%";
-      i && i.top + s > window.innerHeight && i.top - s > 0 && (h = `calc(100% - ${n}px - ${s}px)`), this.popupRef.value.style.top = h;
+      i && i.top + s > window.innerHeight && i.top - s > 0 && (h = `calc(100% - ${a}px - ${s}px)`), this.popupRef.value.style.top = h;
     }
   }
   handleFocusOut(t) {
@@ -375,7 +388,7 @@ let a = class extends C {
   }
   async showCalendar() {
     var t;
-    this.calendarOpen = !0, await k(20), this.handleCalendarPosition(), this.isMobileSafari && ((t = this.calRef.value) == null || t.focusOnCurrentDate());
+    this.calendarOpen = !0, await b(20), this.handleCalendarPosition(), this.isMobileSafari && ((t = this.calRef.value) == null || t.focusOnCurrentDate());
   }
   hideCalendar() {
     this.calendarOpen = !1;
@@ -384,66 +397,66 @@ let a = class extends C {
     t.preventDefault(), this.calendarOpen ? this.hideCalendar() : this.showCalendar();
   }
 };
-l([
+n([
   r({ type: String, reflect: !0 })
-], a.prototype, "value", 2);
-l([
+], l.prototype, "value", 2);
+n([
   r({ type: Array })
-], a.prototype, "_value", 2);
-l([
+], l.prototype, "_value", 2);
+n([
   r({ type: String, reflect: !0 })
-], a.prototype, "label", 2);
-l([
+], l.prototype, "label", 2);
+n([
   r({ type: String })
-], a.prototype, "dateformat", 2);
-l([
+], l.prototype, "dateformat", 2);
+n([
   r({ type: Boolean, reflect: !0 })
-], a.prototype, "multiple", 2);
-l([
+], l.prototype, "multiple", 2);
+n([
   r({ type: Number, reflect: !0 })
-], a.prototype, "maxlength", 2);
-l([
+], l.prototype, "maxlength", 2);
+n([
   r({ type: Boolean, reflect: !0 })
-], a.prototype, "range", 2);
-l([
+], l.prototype, "range", 2);
+n([
   r({ type: Boolean })
-], a.prototype, "showRangeLabels", 2);
-l([
+], l.prototype, "showRangeLabels", 2);
+n([
   r({ type: String, reflect: !0 })
-], a.prototype, "min", 2);
-l([
+], l.prototype, "min", 2);
+n([
   r({ type: String, reflect: !0 })
-], a.prototype, "max", 2);
-l([
+], l.prototype, "max", 2);
+n([
   r({ type: Boolean })
-], a.prototype, "weeknumbers", 2);
-l([
+], l.prototype, "weeknumbers", 2);
+n([
   r({ type: Boolean, reflect: !0 })
-], a.prototype, "withcontrols", 2);
-l([
+], l.prototype, "withcontrols", 2);
+n([
   r({ converter: x.csvToArray })
-], a.prototype, "excludedates", 2);
-l([
+], l.prototype, "excludedates", 2);
+n([
   r({ converter: x.csvToArray })
-], a.prototype, "excludeweekdays", 2);
-l([
+], l.prototype, "excludeweekdays", 2);
+n([
   r({ type: String })
-], a.prototype, "currentmonth", 2);
-l([
+], l.prototype, "currentmonth", 2);
+n([
   r({ type: Boolean, reflect: !0 })
-], a.prototype, "calendarOpen", 2);
-l([
+], l.prototype, "calendarOpen", 2);
+n([
   r({ type: String })
-], a.prototype, "timezone", 2);
-l([
-  b()
-], a.prototype, "inputClasses", 2);
-l([
-  b()
-], a.prototype, "buttonClasses", 2);
-a = l([
+], l.prototype, "timezone", 2);
+n([
+  k()
+], l.prototype, "inputClasses", 2);
+n([
+  k()
+], l.prototype, "buttonClasses", 2);
+l = n([
   w("pkt-datepicker")
-], a);
+], l);
 export {
-  a as P
+  l as P
 };

package/dist/index.d.ts

@@ -156,6 +156,13 @@ export declare interface IPktComboboxOption {
     value: string;
 }
 
+export declare interface IPktConsent {
+    hotjarId?: string | null;
+    googleAnalyticsId?: string | null;
+    triggerType?: 'button' | 'link' | 'footerlink' | 'icon' | null;
+    triggerText?: string | null;
+}
+
 export declare interface IPktHeading {
     size?: TPktHeadingSize;
     level?: TPktHeadingLevel;
@@ -552,6 +559,21 @@ export declare class PktComponent extends PktElement {
     private handleGreeting;
 }
 
+export declare class PktConsent extends PktElement<IPktConsent> implements IPktConsent {
+    hotjarId: string | null;
+    googleAnalyticsId: string | null;
+    triggerType: 'button' | 'link' | 'footerlink' | 'icon' | null;
+    triggerText: string | null;
+    i18nLanguage: string;
+    constructor();
+    connectedCallback(): void;
+    emitCookieConsents(consent: any): void;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    triggerInit(): void;
+    openModal(e: Event): void;
+    render(): TemplateResult<1>;
+}
+
 export declare class PktDatepicker extends PktInputElement {
     /**
      * Element attributes and properties
@@ -729,6 +751,7 @@ declare class PktInputElement<T = {}> extends PktElement<Props_2 & T> {
     protected onBlur(): void;
     protected onInput(): void;
     protected onChange(value: string | string[]): void;
+    protected formResetCallback(): void;
     protected updated(_changedProperties: PropertyValues): void;
     protected firstUpdated(_changedProperties: PropertyValues): void;
 }
@@ -889,7 +912,7 @@ export declare class PktModal extends PktElement implements IPktModal {
     private handleBackdropClick;
     private isElementInViewport;
     close: (event: Event, bypassNativeClose?: boolean) => void;
-    showModal: (event: Event) => void;
+    showModal: (event?: Event | null) => void;
     render(): TemplateResult<1>;
 }
 

package/dist/input-element-XmmyUZmB.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./element-BSypUpzA.cjs"),f=require("./state-B5KCNjEd.cjs"),c=require("./stringutils-CkVRq4jP.cjs"),y=require("./input-wrapper-EoSAbU-U.cjs");var m=Object.defineProperty,s=(o,t,a,n)=>{for(var r=void 0,l=o.length-1,h;l>=0;l--)(h=o[l])&&(r=h(t,a,r)||r);return r&&m(t,a,r),r};class i extends e.PktElement{constructor(){super(),this.defaultValue=null,this.disabled=!1,this.readonly=!1,this.required=!1,this.max=null,this.maxlength=null,this.min=null,this.minlength=null,this.ariaDescribedBy=null,this.ariaLabelledby=null,this.name="",this.pattern=null,this.placeholder=null,this.id=c.uuidish(),this.counter=!1,this.hasError=!1,this.inline=!1,this.hasFieldset=!1,this.optionalTag=!1,this.requiredTag=!1,this.skipForwardTestid=!1,this.useWrapper=!0,this.fullwidth=!1,this.counterMaxLength=0,this.errorMessage="",this.helptext="",this.helptextDropdown="",this.helptextDropdownButton=y.specs.props.helptextDropdownButton.default,this.label=null,this.optionalText=e.translations.forms.labels.optional,this.requiredText=e.translations.forms.labels.required,this.dataTestid="",this.touched=!1,this.internals=this.attachInternals()}static get formAssociated(){return!0}manageValidity(t){var a,n,r,l,h,u,p,d;t&&(this.required&&!this.value?this.internals.setValidity({valueMissing:!0},e.translations.forms.messages.required,t):(a=t.validity)!=null&&a.typeMismatch||(n=t.validity)!=null&&n.badInput?this.internals.setValidity({typeMismatch:!0},e.translations.forms.messages.invalid,t):(r=t.validity)!=null&&r.patternMismatch?this.internals.setValidity({patternMismatch:!0},e.translations.forms.messages.invalidPattern,t):(l=t.validity)!=null&&l.tooShort||this.minlength&&this.minlength>0&&this.value.length<this.minlength?this.internals.setValidity({tooShort:!0},e.translations.forms.messages.tooShort,t):(h=t.validity)!=null&&h.tooLong||this.maxlength&&this.maxlength>0&&this.value.length>this.maxlength?this.internals.setValidity({tooLong:!0},e.translations.forms.messages.tooLong,t):(u=t.validity)!=null&&u.rangeUnderflow?this.internals.setValidity({rangeUnderflow:!0},e.translations.forms.messages.rangeUnderflow,t):(p=t.validity)!=null&&p.rangeOverflow?this.internals.setValidity({rangeOverflow:!0},e.translations.forms.messages.rangeOverflow,t):(d=t.validity)!=null&&d.customError?this.internals.setValidity({customError:!0},t.validationMessage,t):this.internals.setValidity({}))}setFormValue(t){if(this.internals)if(Array.isArray(t)){const a=new FormData;t.forEach(n=>{a.append(this.name,n)}),this.internals.setFormValue(a)}else this.internals.setFormValue(t)}valueChecked(t){if(!this.touched)return;const a=this.internals.form||this.closest("form");a&&a.querySelectorAll(`pkt-radiobutton[name=${this.name}], input[type=radio][name=${this.name}]`).forEach(n=>{const r=n;r.name===this.name&&r.value!==this.value&&r.checked&&(r.checked=!1)}),typeof t=="string"?(this.checked=t==="true",this.internals.ariaChecked=t==="true"):typeof t=="boolean"&&(this.checked=t,this.internals.ariaChecked=t),this.checked?(this.internals.setFormValue(this.value||"on",this.value||"on"),this.internals.states.add("--checked")):(this.internals.setFormValue("",""),this.internals.states.delete("--checked")),this.dispatchEvent(new Event("change")),this.dispatchEvent(new CustomEvent("value-change",{detail:this.checked,bubbles:!0,composed:!0})),this.internals.reportValidity()}valueChanged(t,a){(a!==this.value||a!==this._value)&&(typeof t=="string"?((this.multiple||this.range)&&t.includes(",")&&(t=t.split(",")),this.value=t,this._value=Array.isArray(t)?t:[t]):Array.isArray(t)?(this.value=this.multiple||this.range?t:t[0],this._value=t):(this.value="",this._value=[]),(!this.value||this.value.length===0)&&a&&a.length!==0?this.clearInputValue():this.value&&this.value.toString()!==(a==null?void 0:a.toString())&&this.onChange(this.value),this.updateComplete.then(()=>this.requestUpdate()))}clearInputValue(){const t=this.multiple||this.range?[]:"";this.value=t,this.internals.setFormValue(t),this.dispatchEvent(new Event("change")),this.dispatchEvent(new CustomEvent("value-change",{detail:t,bubbles:!0,composed:!0}))}onFocus(){this.dispatchEvent(new FocusEvent("focus"))}onBlur(){this.dispatchEvent(new FocusEvent("blur"))}onInput(){this.dispatchEvent(new InputEvent("input"))}onChange(t){if(!this.touched){this.touched=!0,t&&this.setFormValue(t);return}typeof t!="string"&&!Array.isArray(t)||((this.range||this.multiple)&&!Array.isArray(t)&&t.includes(",")&&(t=t.split(",")),!this.multiple&&!this.range&&Array.isArray(t)&&(t=t[0]),this.setFormValue(t),this.manageValidity(this.inputRef.value),this.inputRefTo&&this.manageValidity(this.inputRefTo.value),this.dispatchEvent(new Event("change")),this.dispatchEvent(new CustomEvent("value-change",{detail:t,bubbles:!0,composed:!0})),this.internals.reportValidity())}formResetCallback(){this.touched=!1,this._options&&this._options.length&&this._options.forEach(t=>{t.selected=!1}),this.checked!==void 0?(this.checked=!1,this.internals.ariaChecked=!1,this.internals.setFormValue("",""),this.inputRef.value.checked=!1,this.valueChecked(this.checked)):(this.internals.setFormValue(""),this.value=this.defaultValue||(this.multiple||this.range?[]:""),this._value=this.value,this.valueChanged(this.value,null)),this.internals.ariaInvalid=!1}updated(t){super.updated(t),t.has("dataTestid")&&this.dataTestid&&this.inputRef.value&&(this.skipForwardTestid?this.hasAttribute("data-testid")||this.setAttribute("data-testid",this.dataTestid):(this.inputRef.value.dataset.testid=this.dataTestid,this.removeAttribute("data-testid")))}firstUpdated(t){if(super.firstUpdated(t),this.value&&this.defaultValue!==null&&(this.defaultValue=this.value),this.defaultValue!==null&&!this.value&&this.valueChanged(this.defaultValue,null),this.defaultChecked&&(this.internals.ariaChecked=!0,this.checked=!0),this.required&&(this.internals.ariaRequired=!0),this.disabled&&(this.internals.ariaDisabled=!0),this.id&&!this.name&&(this.name=this.id),this.checked!==void 0){const a=this.checked===""||this.checked==="true"||this.checked===!0;this.internals.ariaChecked=a,this.internals.setFormValue(a?this.value||"on":"",a?this.value||"on":"")}else this.internals.setFormValue(this.value);this.inputRef&&this.inputRef.value&&(this.inputRef.value.setAttribute("form",""),this.manageValidity(this.inputRef.value)),this.inputRefTo&&this.inputRefTo.value&&(this.inputRefTo.value.setAttribute("form",""),this.manageValidity(this.inputRefTo.value))}}s([e.n()],i.prototype,"defaultValue");s([e.n({type:Boolean,reflect:!0})],i.prototype,"disabled");s([e.n({type:Boolean,reflect:!0})],i.prototype,"readonly");s([e.n({type:Boolean,reflect:!0})],i.prototype,"required");s([e.n({type:Number,reflect:!0})],i.prototype,"max");s([e.n({type:Number,reflect:!0})],i.prototype,"maxlength");s([e.n({type:Number,reflect:!0})],i.prototype,"min");s([e.n({type:Number,reflect:!0})],i.prototype,"minlength");s([e.n({type:String})],i.prototype,"ariaDescribedBy");s([e.n({type:String})],i.prototype,"ariaLabelledby");s([e.n({type:String,reflect:!0})],i.prototype,"name");s([e.n({type:String,reflect:!0})],i.prototype,"pattern");s([e.n({type:String,reflect:!0})],i.prototype,"placeholder");s([e.n({type:String,reflect:!0})],i.prototype,"id");s([e.n({type:Boolean})],i.prototype,"counter");s([e.n({type:Boolean})],i.prototype,"hasError");s([e.n({type:Boolean})],i.prototype,"inline");s([e.n({type:Boolean})],i.prototype,"hasFieldset");s([e.n({type:Boolean})],i.prototype,"optionalTag");s([e.n({type:Boolean})],i.prototype,"requiredTag");s([e.n({type:Boolean})],i.prototype,"skipForwardTestid");s([e.n({type:Boolean,reflect:!1})],i.prototype,"useWrapper");s([e.n({type:Boolean,reflect:!0})],i.prototype,"fullwidth");s([e.n({type:Number})],i.prototype,"counterMaxLength");s([e.n({type:String})],i.prototype,"errorMessage");s([e.n({type:String})],i.prototype,"helptext");s([e.n({type:String})],i.prototype,"helptextDropdown");s([e.n({type:String,reflect:!1})],i.prototype,"helptextDropdownButton");s([e.n({type:String})],i.prototype,"label");s([e.n({type:String,reflect:!1})],i.prototype,"optionalText");s([e.n({type:String,reflect:!1})],i.prototype,"requiredText");s([e.n({type:String,attribute:"data-testid"})],i.prototype,"dataTestid");s([f.r()],i.prototype,"touched");exports.PktInputElement=i;

package/dist/{input-element-Bic-t96S.js → input-element-aQDMXDVQ.js}

@@ -1,13 +1,13 @@
-import { P as y, t as l, n as s } from "./element-DjjF_tEh.js";
-import { r as c } from "./state-BtbpSrdV.js";
+import { P as c, t as l, n as s } from "./element-DjjF_tEh.js";
+import { r as y } from "./state-BtbpSrdV.js";
 import { u as m } from "./stringutils-DJjRa8dG.js";
 import { s as g } from "./input-wrapper-8iKEzDRZ.js";
-var v = Object.defineProperty, e = (p, t, r, n) => {
-  for (var a = void 0, h = p.length - 1, o; h >= 0; h--)
-    (o = p[h]) && (a = o(t, r, a) || a);
-  return a && v(t, r, a), a;
+var v = Object.defineProperty, e = (u, t, a, h) => {
+  for (var r = void 0, n = u.length - 1, o; n >= 0; n--)
+    (o = u[n]) && (r = o(t, a, r) || r);
+  return r && v(t, a, r), r;
 };
-class i extends y {
+class i extends c {
   constructor() {
     super(), this.defaultValue = null, this.disabled = !1, this.readonly = !1, this.required = !1, this.max = null, this.maxlength = null, this.min = null, this.minlength = null, this.ariaDescribedBy = null, this.ariaLabelledby = null, this.name = "", this.pattern = null, this.placeholder = null, this.id = m(), this.counter = !1, this.hasError = !1, this.inline = !1, this.hasFieldset = !1, this.optionalTag = !1, this.requiredTag = !1, this.skipForwardTestid = !1, this.useWrapper = !0, this.fullwidth = !1, this.counterMaxLength = 0, this.errorMessage = "", this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = g.props.helptextDropdownButton.default, this.label = null, this.optionalText = l.forms.labels.optional, this.requiredText = l.forms.labels.required, this.dataTestid = "", this.touched = !1, this.internals = this.attachInternals();
   }
@@ -15,12 +15,12 @@ class i extends y {
     return !0;
   }
   manageValidity(t) {
-    var r, n, a, h, o, u, d, f;
-    t && (this.required && !this.value ? this.internals.setValidity({ valueMissing: !0 }, l.forms.messages.required, t) : (r = t.validity) != null && r.typeMismatch || (n = t.validity) != null && n.badInput ? this.internals.setValidity({ typeMismatch: !0 }, l.forms.messages.invalid, t) : (a = t.validity) != null && a.patternMismatch ? this.internals.setValidity(
+    var a, h, r, n, o, p, d, f;
+    t && (this.required && !this.value ? this.internals.setValidity({ valueMissing: !0 }, l.forms.messages.required, t) : (a = t.validity) != null && a.typeMismatch || (h = t.validity) != null && h.badInput ? this.internals.setValidity({ typeMismatch: !0 }, l.forms.messages.invalid, t) : (r = t.validity) != null && r.patternMismatch ? this.internals.setValidity(
       { patternMismatch: !0 },
       l.forms.messages.invalidPattern,
       t
-    ) : (h = t.validity) != null && h.tooShort || this.minlength && this.minlength > 0 && this.value.length < this.minlength ? this.internals.setValidity({ tooShort: !0 }, l.forms.messages.tooShort, t) : (o = t.validity) != null && o.tooLong || this.maxlength && this.maxlength > 0 && this.value.length > this.maxlength ? this.internals.setValidity({ tooLong: !0 }, l.forms.messages.tooLong, t) : (u = t.validity) != null && u.rangeUnderflow ? this.internals.setValidity(
+    ) : (n = t.validity) != null && n.tooShort || this.minlength && this.minlength > 0 && this.value.length < this.minlength ? this.internals.setValidity({ tooShort: !0 }, l.forms.messages.tooShort, t) : (o = t.validity) != null && o.tooLong || this.maxlength && this.maxlength > 0 && this.value.length > this.maxlength ? this.internals.setValidity({ tooLong: !0 }, l.forms.messages.tooLong, t) : (p = t.validity) != null && p.rangeUnderflow ? this.internals.setValidity(
       { rangeUnderflow: !0 },
       l.forms.messages.rangeUnderflow,
       t
@@ -33,10 +33,10 @@ class i extends y {
   setFormValue(t) {
     if (this.internals)
       if (Array.isArray(t)) {
-        const r = new FormData();
-        t.forEach((n) => {
-          r.append(this.name, n);
-        }), this.internals.setFormValue(r);
+        const a = new FormData();
+        t.forEach((h) => {
+          a.append(this.name, h);
+        }), this.internals.setFormValue(a);
       } else
         this.internals.setFormValue(t);
   }
@@ -44,12 +44,12 @@ class i extends y {
   // Do not use valueChanged or onChange for radios and checkboxes!
   valueChecked(t) {
     if (!this.touched) return;
-    const r = this.internals.form || this.closest("form");
-    r && r.querySelectorAll(
+    const a = this.internals.form || this.closest("form");
+    a && a.querySelectorAll(
       `pkt-radiobutton[name=${this.name}], input[type=radio][name=${this.name}]`
-    ).forEach((n) => {
-      const a = n;
-      a.name === this.name && a.value !== this.value && a.checked && (a.checked = !1);
+    ).forEach((h) => {
+      const r = h;
+      r.name === this.name && r.value !== this.value && r.checked && (r.checked = !1);
     }), typeof t == "string" ? (this.checked = t === "true", this.internals.ariaChecked = t === "true") : typeof t == "boolean" && (this.checked = t, this.internals.ariaChecked = t), this.checked ? (this.internals.setFormValue(this.value || "on", this.value || "on"), this.internals.states.add("--checked")) : (this.internals.setFormValue("", ""), this.internals.states.delete("--checked")), this.dispatchEvent(new Event("change")), this.dispatchEvent(
       new CustomEvent("value-change", {
         detail: this.checked,
@@ -58,8 +58,8 @@ class i extends y {
       })
     ), this.internals.reportValidity();
   }
-  valueChanged(t, r) {
-    (r !== this.value || r !== this._value) && (typeof t == "string" ? ((this.multiple || this.range) && t.includes(",") && (t = t.split(",")), this.value = t, this._value = Array.isArray(t) ? t : [t]) : Array.isArray(t) ? (this.value = this.multiple || this.range ? t : t[0], this._value = t) : (this.value = "", this._value = []), (!this.value || this.value.length === 0) && r && r.length !== 0 ? this.clearInputValue() : this.value && this.value.toString() !== (r == null ? void 0 : r.toString()) && this.onChange(this.value), this.updateComplete.then(() => this.requestUpdate()));
+  valueChanged(t, a) {
+    (a !== this.value || a !== this._value) && (typeof t == "string" ? ((this.multiple || this.range) && t.includes(",") && (t = t.split(",")), this.value = t, this._value = Array.isArray(t) ? t : [t]) : Array.isArray(t) ? (this.value = this.multiple || this.range ? t : t[0], this._value = t) : (this.value = "", this._value = []), (!this.value || this.value.length === 0) && a && a.length !== 0 ? this.clearInputValue() : this.value && this.value.toString() !== (a == null ? void 0 : a.toString()) && this.onChange(this.value), this.updateComplete.then(() => this.requestUpdate()));
   }
   // When input goes from content to no content
   clearInputValue() {
@@ -98,15 +98,20 @@ class i extends y {
       })
     ), this.internals.reportValidity());
   }
+  formResetCallback() {
+    this.touched = !1, this._options && this._options.length && this._options.forEach((t) => {
+      t.selected = !1;
+    }), this.checked !== void 0 ? (this.checked = !1, this.internals.ariaChecked = !1, this.internals.setFormValue("", ""), this.inputRef.value.checked = !1, this.valueChecked(this.checked)) : (this.internals.setFormValue(""), this.value = this.defaultValue || (this.multiple || this.range ? [] : ""), this._value = this.value, this.valueChanged(this.value, null)), this.internals.ariaInvalid = !1;
+  }
   updated(t) {
     super.updated(t), t.has("dataTestid") && this.dataTestid && this.inputRef.value && (this.skipForwardTestid ? this.hasAttribute("data-testid") || this.setAttribute("data-testid", this.dataTestid) : (this.inputRef.value.dataset.testid = this.dataTestid, this.removeAttribute("data-testid")));
   }
   firstUpdated(t) {
     if (super.firstUpdated(t), this.value && this.defaultValue !== null && (this.defaultValue = this.value), this.defaultValue !== null && !this.value && this.valueChanged(this.defaultValue, null), this.defaultChecked && (this.internals.ariaChecked = !0, this.checked = !0), this.required && (this.internals.ariaRequired = !0), this.disabled && (this.internals.ariaDisabled = !0), this.id && !this.name && (this.name = this.id), this.checked !== void 0) {
-      const r = this.checked === "" || this.checked === "true" || this.checked === !0;
-      this.internals.ariaChecked = r, this.internals.setFormValue(
-        r ? this.value || "on" : "",
-        r ? this.value || "on" : ""
+      const a = this.checked === "" || this.checked === "true" || this.checked === !0;
+      this.internals.ariaChecked = a, this.internals.setFormValue(
+        a ? this.value || "on" : "",
+        a ? this.value || "on" : ""
       );
     } else
       this.internals.setFormValue(this.value);
@@ -210,7 +215,7 @@ e([
   s({ type: String, attribute: "data-testid" })
 ], i.prototype, "dataTestid");
 e([
-  c()
+  y()
 ], i.prototype, "touched");
 export {
   i as P

package/dist/{modal-B-varrJT.js → modal-DIwagdAc.js}

@@ -32,7 +32,7 @@ let l = class extends f {
       o && !this.isElementInViewport(o) && o.scrollIntoView({ behavior: "smooth", block: "nearest" }), this.dispatchEvent(
         new CustomEvent("close", { detail: { origin: t }, bubbles: !0, composed: !0 })
       ), e || (s = this.dialogRef.value) == null || s.close(), this.requestUpdate();
-    }, this.showModal = (t) => {
+    }, this.showModal = (t = null) => {
       var o;
       this._isOpen = !0, (o = this.dialogRef.value) == null || o.showModal();
       const e = document.querySelector(".pkt-modal");