@oslokommune/punkt-elements 14.1.1 → 14.3.0

package/dist/{input-element-B0VPRK_E.js → input-element-B8M8Nppd.js}

@@ -1,12 +1,13 @@
-import { P as Ce, t as b, n as d } from "./element-CRDRygXu.js";
+import { P as Ce, t as g, n as d } from "./element-CRDRygXu.js";
 import { r as Fe } from "./state-DS_kr2Fy.js";
 import { u as Te } from "./utils-DznhwRXm.js";
+import { b as Se } from "./booleanish-C9R0tdXH.js";
 import { s as Ae } from "./input-wrapper-CDgenrYA.js";
 var oe = {}, le;
-function Se() {
+function xe() {
   return le || (le = 1, (function() {
-    (function(f) {
-      const s = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap(), m = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new WeakMap(), g = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), C = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new WeakMap(), U = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new WeakMap(), L = {
+    (function(M) {
+      const s = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap(), p = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakMap(), b = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), C = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakMap(), U = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new WeakMap(), L = {
         ariaAtomic: "aria-atomic",
         ariaAutoComplete: "aria-autocomplete",
         ariaBusy: "aria-busy",
@@ -91,31 +92,31 @@ function Se() {
         t.forEach((e) => {
           const { addedNodes: i, removedNodes: a } = e, r = Array.from(i), n = Array.from(a);
           r.forEach((o) => {
-            var y;
+            var m;
             if (u.has(o) && o.constructor.formAssociated && K(o), C.has(o)) {
-              const p = C.get(o);
-              Object.keys(L).filter((w) => p[w] !== null).forEach((w) => {
-                k(o, L[w], p[w]);
+              const f = C.get(o);
+              Object.keys(L).filter((v) => f[v] !== null).forEach((v) => {
+                k(o, L[v], f[v]);
               }), C.delete(o);
             }
             if (I.has(o)) {
-              const p = I.get(o);
-              k(o, "internals-valid", p.validity.valid.toString()), k(o, "internals-invalid", (!p.validity.valid).toString()), k(o, "aria-invalid", (!p.validity.valid).toString()), I.delete(o);
+              const f = I.get(o);
+              k(o, "internals-valid", f.validity.valid.toString()), k(o, "internals-invalid", (!f.validity.valid).toString()), k(o, "aria-invalid", (!f.validity.valid).toString()), I.delete(o);
             }
             if (o.localName === "form") {
-              const p = v.get(o), M = document.createTreeWalker(o, NodeFilter.SHOW_ELEMENT, {
+              const f = b.get(o), E = document.createTreeWalker(o, NodeFilter.SHOW_ELEMENT, {
                 acceptNode($) {
-                  return u.has($) && $.constructor.formAssociated && !(p && p.has($)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+                  return u.has($) && $.constructor.formAssociated && !(f && f.has($)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
                 }
               });
-              let w = M.nextNode();
-              for (; w; )
-                K(w), w = M.nextNode();
+              let v = E.nextNode();
+              for (; v; )
+                K(v), v = E.nextNode();
             }
-            o.localName === "fieldset" && ((y = N.observe) === null || y === void 0 || y.call(N, o, G), j(o, !0));
+            o.localName === "fieldset" && ((m = N.observe) === null || m === void 0 || m.call(N, o, G), j(o, !0));
           }), n.forEach((o) => {
-            const y = u.get(o);
-            y && m.get(y) && J(y), F.has(o) && F.get(o).disconnect();
+            const m = u.get(o);
+            m && p.get(m) && J(m), F.has(o) && F.get(o).disconnect();
           });
         });
       }
@@ -142,15 +143,15 @@ function Se() {
       }, W = (t, e) => {
         t.toggleAttribute("internals-disabled", e), e ? k(t, "aria-disabled", "true") : t.removeAttribute("aria-disabled"), t.formDisabledCallback && t.formDisabledCallback.apply(t, [e]);
       }, J = (t) => {
-        m.get(t).forEach((i) => {
+        p.get(t).forEach((i) => {
           i.remove();
-        }), m.set(t, []);
+        }), p.set(t, []);
       }, Q = (t, e) => {
         const i = document.createElement("input");
-        return i.type = "hidden", i.name = t.getAttribute("name"), t.after(i), m.get(e).push(i), i;
+        return i.type = "hidden", i.name = t.getAttribute("name"), t.after(i), p.get(e).push(i), i;
       }, ue = (t, e) => {
         var i;
-        m.set(e, []), (i = N.observe) === null || i === void 0 || i.call(N, t, G);
+        p.set(e, []), (i = N.observe) === null || i === void 0 || i.call(N, t, G);
       }, X = (t, e) => {
         if (e.length) {
           Array.from(e).forEach((a) => a.addEventListener("click", t.click.bind(t)));
@@ -158,7 +159,7 @@ function Se() {
           e[0].id || (i = `${e[0].htmlFor}_Label`, e[0].id = i), k(t, "aria-labelledby", i);
         }
       }, R = (t) => {
-        const e = Array.from(t.elements).filter((n) => !n.tagName.includes("-") && n.validity).map((n) => n.validity.valid), i = v.get(t) || [], a = Array.from(i).filter((n) => n.isConnected).map((n) => u.get(n).validity.valid), r = [...e, ...a].includes(!1);
+        const e = Array.from(t.elements).filter((n) => !n.tagName.includes("-") && n.validity).map((n) => n.validity.valid), i = b.get(t) || [], a = Array.from(i).filter((n) => n.isConnected).map((n) => u.get(n).validity.valid), r = [...e, ...a].includes(!1);
         t.toggleAttribute("internals-invalid", r), t.toggleAttribute("internals-valid", !r);
       }, fe = (t) => {
         R(O(t.target));
@@ -168,25 +169,25 @@ function Se() {
         const e = ["button[type=submit]", "input[type=submit]", "button:not([type])"].map((i) => `${i}:not([disabled])`).map((i) => `${i}:not([form])${t.id ? `,${i}[form='${t.id}']` : ""}`).join(",");
         t.addEventListener("click", (i) => {
           if (i.target.closest(e)) {
-            const r = v.get(t);
+            const r = b.get(t);
             if (t.noValidate)
               return;
-            r.size && Array.from(r).reverse().map((y) => u.get(y).reportValidity()).includes(!1) && i.preventDefault();
+            r.size && Array.from(r).reverse().map((m) => u.get(m).reportValidity()).includes(!1) && i.preventDefault();
           }
         });
       }, ye = (t) => {
-        const e = v.get(t.target);
+        const e = b.get(t.target);
         e && e.size && e.forEach((i) => {
           i.constructor.formAssociated && i.formResetCallback && i.formResetCallback.apply(i);
         });
       }, Y = (t, e, i) => {
         if (e) {
-          const a = v.get(e);
+          const a = b.get(e);
           if (a)
             a.add(t);
           else {
             const r = /* @__PURE__ */ new Set();
-            r.add(t), v.set(e, r), me(e), e.addEventListener("reset", ye), e.addEventListener("input", fe), e.addEventListener("change", pe);
+            r.add(t), b.set(e, r), me(e), e.addEventListener("reset", ye), e.addEventListener("input", fe), e.addEventListener("change", pe);
           }
           V.set(e, { ref: t, internals: i }), t.constructor.formAssociated && t.formAssociatedCallback && setTimeout(() => {
             t.formAssociatedCallback.apply(t, [e]);
@@ -195,11 +196,11 @@ function Se() {
       }, O = (t) => {
         let e = t.parentNode;
         return e && e.tagName !== "FORM" && (e = O(e)), e;
-      }, E = (t, e, i = DOMException) => {
+      }, w = (t, e, i = DOMException) => {
         if (!t.constructor.formAssociated)
           throw new i(e);
       }, Z = (t, e, i) => {
-        const a = v.get(t);
+        const a = b.get(t);
         return a && a.size && a.forEach((r) => {
           u.get(r)[i]() || (e = !1);
         }), e;
@@ -302,11 +303,11 @@ function Se() {
         const { get: r } = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, "elements");
         Object.defineProperty(HTMLFormElement.prototype, "elements", {
           get(...n) {
-            const o = r.call(this, ...n), y = Array.from(v.get(this) || []);
-            if (y.length === 0)
+            const o = r.call(this, ...n), m = Array.from(b.get(this) || []);
+            if (m.length === 0)
               return o;
-            const p = Array.from(o).concat(y).sort((M, w) => M.compareDocumentPosition ? M.compareDocumentPosition(w) & 2 ? 1 : -1 : 0);
-            return new Me(p);
+            const f = Array.from(o).concat(m).sort((E, v) => E.compareDocumentPosition ? E.compareDocumentPosition(v) & 2 ? 1 : -1 : 0);
+            return new Me(f);
           }
         });
       }
@@ -322,7 +323,7 @@ function Se() {
         }
         checkValidity() {
           const e = s.get(this);
-          if (E(e, "Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !this.willValidate)
+          if (w(e, "Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !this.willValidate)
             return !0;
           const i = h.get(this);
           if (!i.valid) {
@@ -337,28 +338,28 @@ function Se() {
         }
         get form() {
           const e = s.get(this);
-          E(e, "Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element.");
+          w(e, "Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element.");
           let i;
           return e.constructor.formAssociated === !0 && (i = O(e)), i;
         }
         get labels() {
           const e = s.get(this);
-          E(e, "Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.");
+          w(e, "Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.");
           const i = e.getAttribute("id"), a = e.getRootNode();
           return a && i ? a.querySelectorAll(`[for="${i}"]`) : [];
         }
         reportValidity() {
           const e = s.get(this);
-          if (E(e, "Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !this.willValidate)
+          if (w(e, "Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !this.willValidate)
             return !0;
-          const i = this.checkValidity(), a = S.get(this);
+          const i = this.checkValidity(), a = A.get(this);
           if (a && !e.constructor.formAssociated)
             throw new DOMException("Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.");
           return !i && a && (e.focus(), a.focus()), i;
         }
         setFormValue(e) {
           const i = s.get(this);
-          if (E(i, "Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."), J(this), e != null && !(e instanceof FormData)) {
+          if (w(i, "Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."), J(this), e != null && !(e instanceof FormData)) {
             if (i.getAttribute("name")) {
               const a = Q(i, this);
               a.value = e;
@@ -373,35 +374,35 @@ function Se() {
         }
         setValidity(e, i, a) {
           const r = s.get(this);
-          if (E(r, "Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !e)
+          if (w(r, "Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !e)
             throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present.");
-          S.set(this, a);
+          A.set(this, a);
           const n = h.get(this), o = {};
-          for (const M in e)
-            o[M] = e[M];
+          for (const E in e)
+            o[E] = e[E];
           Object.keys(o).length === 0 && be(n);
-          const y = Object.assign(Object.assign({}, n), o);
-          delete y.valid;
-          const { valid: p } = ve(n, y, this.form);
-          if (!p && !i)
+          const m = Object.assign(Object.assign({}, n), o);
+          delete m.valid;
+          const { valid: f } = ve(n, m, this.form);
+          if (!f && !i)
             throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.");
-          g.set(this, p ? "" : i), r.isConnected ? (r.toggleAttribute("internals-invalid", !p), r.toggleAttribute("internals-valid", p), k(r, "aria-invalid", `${!p}`)) : I.set(r, this);
+          y.set(this, f ? "" : i), r.isConnected ? (r.toggleAttribute("internals-invalid", !f), r.toggleAttribute("internals-valid", f), k(r, "aria-invalid", `${!f}`)) : I.set(r, this);
         }
         get shadowRoot() {
-          const e = s.get(this), i = A.get(e);
+          const e = s.get(this), i = S.get(e);
           return i || null;
         }
         get validationMessage() {
           const e = s.get(this);
-          return E(e, "Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."), g.get(this);
+          return w(e, "Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."), y.get(this);
         }
         get validity() {
           const e = s.get(this);
-          return E(e, "Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element."), h.get(this);
+          return w(e, "Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element."), h.get(this);
         }
         get willValidate() {
           const e = s.get(this);
-          return E(e, "Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element."), !(e.disabled || e.hasAttribute("disabled") || e.hasAttribute("readonly"));
+          return w(e, "Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element."), !(e.disabled || e.hasAttribute("disabled") || e.hasAttribute("readonly"));
         }
       }
       function Ve() {
@@ -460,7 +461,7 @@ function Se() {
           }), typeof Element < "u") {
             let e = function(...a) {
               const r = i.apply(this, a);
-              if (A.set(this, r), D()) {
+              if (S.set(this, r), D()) {
                 const n = new MutationObserver(P);
                 window.ShadyDOM ? n.observe(this, H) : n.observe(r, H), F.set(this, n);
               }
@@ -472,53 +473,45 @@ function Se() {
           D() && typeof document < "u" && new MutationObserver(P).observe(document.documentElement, H), typeof HTMLFormElement < "u" && ke(), (t || typeof window < "u" && !window.CustomStateSet) && q();
         }
       }
-      return !!customElements.polyfillWrapFlushCallback || (Ve() ? typeof window < "u" && !window.CustomStateSet && q(HTMLElement.prototype.attachInternals) : ne(!1)), f.forceCustomStateSetPolyfill = q, f.forceElementInternalsPolyfill = ne, Object.defineProperty(f, "__esModule", { value: !0 }), f;
+      return !!customElements.polyfillWrapFlushCallback || (Ve() ? typeof window < "u" && !window.CustomStateSet && q(HTMLElement.prototype.attachInternals) : ne(!1)), M.forceCustomStateSetPolyfill = q, M.forceElementInternalsPolyfill = ne, Object.defineProperty(M, "__esModule", { value: !0 }), M;
     })({});
   })()), oe;
 }
-Se();
-var xe = Object.defineProperty, l = (f, s, h, m) => {
-  for (var u = void 0, g = f.length - 1, V; g >= 0; g--)
-    (V = f[g]) && (u = V(s, h, u) || u);
-  return u && xe(s, h, u), u;
-};
-const Ie = {
-  fromAttribute(f) {
-    return f == null ? !1 : f === "" || f === "true" || f === !0 ? !0 : f === "false" || f === !1 ? !1 : !!f;
-  },
-  toAttribute(f) {
-    return f ? "true" : "false";
-  }
+xe();
+var Ie = Object.defineProperty, l = (M, s, h, p) => {
+  for (var u = void 0, y = M.length - 1, V; y >= 0; y--)
+    (V = M[y]) && (u = V(s, h, u) || u);
+  return u && Ie(s, h, u), u;
 };
 class c extends Ce {
   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.step = null, this.ariaDescribedBy = null, this.ariaLabelledby = null, this.name = "", this.pattern = null, this.placeholder = null, this.id = Te(), 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 = Ae.props.helptextDropdownButton.default, this.label = null, this.optionalText = b.forms.labels.optional, this.requiredText = b.forms.labels.required, this.tagText = null, this.dataTestid = "", this.touched = !1, this.internals = this.attachInternals();
+    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.step = null, this.ariaDescribedBy = null, this.ariaLabelledby = null, this.name = "", this.pattern = null, this.placeholder = null, this.id = Te(), 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 = Ae.props.helptextDropdownButton.default, this.label = null, this.optionalText = g.forms.labels.optional, this.requiredText = g.forms.labels.required, this.tagText = null, this.dataTestid = "", this.touched = !1, this.internals = this.attachInternals();
   }
   static get formAssociated() {
     return !0;
   }
   manageValidity(s) {
-    var h, m, u, g, V, F, v, T, C, A, S;
-    s && (this.required && !this.value ? this.internals.setValidity({ valueMissing: !0 }, b.forms.messages.required, s) : (h = s.validity) != null && h.typeMismatch || (m = s.validity) != null && m.badInput ? this.internals.setValidity({ typeMismatch: !0 }, b.forms.messages.invalid, s) : (u = s.validity) != null && u.patternMismatch ? this.internals.setValidity(
+    var h, p, u, y, V, F, b, T, C, S, A;
+    s && (this.required && !this.value ? this.internals.setValidity({ valueMissing: !0 }, g.forms.messages.required, s) : (h = s.validity) != null && h.typeMismatch || (p = s.validity) != null && p.badInput ? this.internals.setValidity({ typeMismatch: !0 }, g.forms.messages.invalid, s) : (u = s.validity) != null && u.patternMismatch ? this.internals.setValidity(
       { patternMismatch: !0 },
-      b.forms.messages.invalidPattern,
+      g.forms.messages.invalidPattern,
       s
-    ) : (g = s.validity) != null && g.tooShort || this.minlength && this.minlength > 0 && this.value.length < this.minlength ? this.internals.setValidity({ tooShort: !0 }, b.forms.messages.tooShort, s) : (V = s.validity) != null && V.tooLong || this.maxlength && this.maxlength > 0 && this.value.length > this.maxlength ? this.internals.setValidity({ tooLong: !0 }, b.forms.messages.tooLong, s) : (F = s.validity) != null && F.rangeUnderflow ? this.internals.setValidity(
+    ) : (y = s.validity) != null && y.tooShort || this.minlength && this.minlength > 0 && this.value.length < this.minlength ? this.internals.setValidity({ tooShort: !0 }, g.forms.messages.tooShort, s) : (V = s.validity) != null && V.tooLong || this.maxlength && this.maxlength > 0 && this.value.length > this.maxlength ? this.internals.setValidity({ tooLong: !0 }, g.forms.messages.tooLong, s) : (F = s.validity) != null && F.rangeUnderflow ? this.internals.setValidity(
       { rangeUnderflow: !0 },
-      this.min ? b.forms.messages.rangeUnderflowMin.replace("{min}", (v = this.min) == null ? void 0 : v.toString()) : b.forms.messages.rangeUnderflow,
+      this.min ? g.forms.messages.rangeUnderflowMin.replace("{min}", (b = this.min) == null ? void 0 : b.toString()) : g.forms.messages.rangeUnderflow,
       s
-    ) : (T = s.validity) != null && T.stepMismatch ? this.internals.setValidity({ stepMismatch: !0 }, b.forms.messages.invalid, s) : (C = s.validity) != null && C.rangeOverflow ? this.internals.setValidity(
+    ) : (T = s.validity) != null && T.stepMismatch ? this.internals.setValidity({ stepMismatch: !0 }, g.forms.messages.invalid, s) : (C = s.validity) != null && C.rangeOverflow ? this.internals.setValidity(
       { rangeOverflow: !0 },
-      this.max ? b.forms.messages.rangeOverflowMax.replace("{max}", (A = this.max) == null ? void 0 : A.toString()) : b.forms.messages.rangeOverflow,
+      this.max ? g.forms.messages.rangeOverflowMax.replace("{max}", (S = this.max) == null ? void 0 : S.toString()) : g.forms.messages.rangeOverflow,
       s
-    ) : (S = s.validity) != null && S.customError ? this.internals.setValidity({ customError: !0 }, s.validationMessage, s) : this.internals.setValidity({}));
+    ) : (A = s.validity) != null && A.customError ? this.internals.setValidity({ customError: !0 }, s.validationMessage, s) : this.internals.setValidity({}));
   }
   setFormValue(s) {
     if (this.internals)
       if (Array.isArray(s)) {
         const h = new FormData();
-        s.forEach((m) => {
-          h.append(this.name, m);
+        s.forEach((p) => {
+          h.append(this.name, p);
         }), this.internals.setFormValue(h);
       } else
         this.internals.setFormValue(s);
@@ -527,13 +520,13 @@ class c extends Ce {
   // Do not use valueChanged or onChange for radios and checkboxes!
   valueChecked(s) {
     if (!this.touched) return;
-    const h = this.internals.form || this.closest("form"), m = h ? new FormData(h) : null;
+    const h = this.internals.form || this.closest("form"), p = h ? new FormData(h) : null;
     h && h.querySelectorAll(
       `pkt-radiobutton[name="${this.name}"], input[type=radio][name="${this.name}"]`
     ).forEach((u) => {
-      const g = u;
-      g.name === this.name && g.value !== this.value && g.checked && (g.checked = !1);
-    }), typeof s == "string" ? (this.checked = s === "true", this.internals.ariaChecked = s === "true") : typeof s == "boolean" && (this.checked = s, this.internals.ariaChecked = s), this.checked ? (this.internals.setFormValue(this.value || "on", this.value || "on"), m && m.append(this.name, this.value || "on"), this.internals.states.add("--checked")) : (this.internals.setFormValue(null, null), m && m.delete(this.name), this.internals.states.delete("--checked")), this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })), this.dispatchEvent(
+      const y = u;
+      y.name === this.name && y.value !== this.value && y.checked && (y.checked = !1);
+    }), typeof s == "string" ? (this.checked = s === "true", this.internals.ariaChecked = s === "true") : typeof s == "boolean" && (this.checked = s, this.internals.ariaChecked = s), this.checked ? (this.internals.setFormValue(this.value || "on", this.value || "on"), p && p.append(this.name, this.value || "on"), this.internals.states.add("--checked")) : (this.internals.setFormValue(null, null), p && p.delete(this.name), this.internals.states.delete("--checked")), this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })), this.dispatchEvent(
       new CustomEvent("value-change", {
         detail: this.checked,
         bubbles: !0,
@@ -672,7 +665,7 @@ l([
   d({ type: Boolean })
 ], c.prototype, "skipForwardTestid");
 l([
-  d({ type: Boolean, reflect: !0, converter: Ie })
+  d({ type: Boolean, reflect: !0, converter: Se })
 ], c.prototype, "useWrapper");
 l([
   d({ type: Boolean, reflect: !0 })

package/dist/input-element-D697OAJo.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("./element-CJ_QKaki.cjs"),Ve=require("./state-DSjcvzDN.cjs"),Ce=require("./utils-byXsEz1u.cjs"),Fe=require("./booleanish-BKVonob4.cjs"),Te=require("./input-wrapper-EoSAbU-U.cjs");var ne={},oe;function Se(){return oe||(oe=1,(function(){(function(E){const s=new WeakMap,h=new WeakMap,p=new WeakMap,u=new WeakMap,y=new WeakMap,k=new WeakMap,C=new WeakMap,g=new WeakMap,F=new WeakMap,V=new WeakMap,T=new WeakMap,S=new WeakMap,$=new WeakMap,U=new WeakMap,x=new WeakMap,I={ariaAtomic:"aria-atomic",ariaAutoComplete:"aria-autocomplete",ariaBusy:"aria-busy",ariaChecked:"aria-checked",ariaColCount:"aria-colcount",ariaColIndex:"aria-colindex",ariaColIndexText:"aria-colindextext",ariaColSpan:"aria-colspan",ariaCurrent:"aria-current",ariaDescription:"aria-description",ariaDisabled:"aria-disabled",ariaExpanded:"aria-expanded",ariaHasPopup:"aria-haspopup",ariaHidden:"aria-hidden",ariaInvalid:"aria-invalid",ariaKeyShortcuts:"aria-keyshortcuts",ariaLabel:"aria-label",ariaLevel:"aria-level",ariaLive:"aria-live",ariaModal:"aria-modal",ariaMultiLine:"aria-multiline",ariaMultiSelectable:"aria-multiselectable",ariaOrientation:"aria-orientation",ariaPlaceholder:"aria-placeholder",ariaPosInSet:"aria-posinset",ariaPressed:"aria-pressed",ariaReadOnly:"aria-readonly",ariaRelevant:"aria-relevant",ariaRequired:"aria-required",ariaRoleDescription:"aria-roledescription",ariaRowCount:"aria-rowcount",ariaRowIndex:"aria-rowindex",ariaRowIndexText:"aria-rowindextext",ariaRowSpan:"aria-rowspan",ariaSelected:"aria-selected",ariaSetSize:"aria-setsize",ariaSort:"aria-sort",ariaValueMax:"aria-valuemax",ariaValueMin:"aria-valuemin",ariaValueNow:"aria-valuenow",ariaValueText:"aria-valuetext",role:"role"},le=(t,e)=>{for(let i in I){e[i]=null;let a=null;const n=I[i];Object.defineProperty(e,i,{get(){return a},set(o){a=o,t.isConnected?M(t,n,o):V.set(t,e)}})}};function z(t){const e=u.get(t),{form:i}=e;X(t,i,e),Q(t,e.labels)}const K=(t,e=!1)=>{const i=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,{acceptNode(o){return u.has(o)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});let a=i.nextNode();const n=!e||t.disabled;for(;a;)a.formDisabledCallback&&n&&W(a,t.disabled),a=i.nextNode()},j={attributes:!0,attributeFilter:["disabled","name"]},L=O()?new MutationObserver(t=>{for(const e of t){const i=e.target;if(e.attributeName==="disabled"&&(i.constructor.formAssociated?W(i,i.hasAttribute("disabled")):i.localName==="fieldset"&&K(i)),e.attributeName==="name"&&i.constructor.formAssociated){const a=u.get(i),n=F.get(i);a.setFormValue(n)}}}):{};function D(t){t.forEach(e=>{const{addedNodes:i,removedNodes:a}=e,n=Array.from(i),o=Array.from(a);n.forEach(l=>{var m;if(u.has(l)&&l.constructor.formAssociated&&z(l),V.has(l)){const f=V.get(l);Object.keys(I).filter(b=>f[b]!==null).forEach(b=>{M(l,I[b],f[b])}),V.delete(l)}if(x.has(l)){const f=x.get(l);M(l,"internals-valid",f.validity.valid.toString()),M(l,"internals-invalid",(!f.validity.valid).toString()),M(l,"aria-invalid",(!f.validity.valid).toString()),x.delete(l)}if(l.localName==="form"){const f=g.get(l),w=document.createTreeWalker(l,NodeFilter.SHOW_ELEMENT,{acceptNode(_){return u.has(_)&&_.constructor.formAssociated&&!(f&&f.has(_))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});let b=w.nextNode();for(;b;)z(b),b=w.nextNode()}l.localName==="fieldset"&&((m=L.observe)===null||m===void 0||m.call(L,l,j),K(l,!0))}),o.forEach(l=>{const m=u.get(l);m&&p.get(m)&&G(m),C.has(l)&&C.get(l).disconnect()})})}function ce(t){t.forEach(e=>{const{removedNodes:i}=e;i.forEach(a=>{const n=$.get(e.target);u.has(a)&&Z(a),n.disconnect()})})}const de=t=>{var e,i;const a=new MutationObserver(ce);!((e=window==null?void 0:window.ShadyDOM)===null||e===void 0)&&e.inUse&&t.mode&&t.host&&(t=t.host),(i=a.observe)===null||i===void 0||i.call(a,t,{childList:!0}),$.set(t,a)};O()&&new MutationObserver(D);const P={childList:!0,subtree:!0},M=(t,e,i)=>{t.getAttribute(e)!==i&&t.setAttribute(e,i)},W=(t,e)=>{t.toggleAttribute("internals-disabled",e),e?M(t,"aria-disabled","true"):t.removeAttribute("aria-disabled"),t.formDisabledCallback&&t.formDisabledCallback.apply(t,[e])},G=t=>{p.get(t).forEach(i=>{i.remove()}),p.set(t,[])},J=(t,e)=>{const i=document.createElement("input");return i.type="hidden",i.name=t.getAttribute("name"),t.after(i),p.get(e).push(i),i},he=(t,e)=>{var i;p.set(e,[]),(i=L.observe)===null||i===void 0||i.call(L,t,j)},Q=(t,e)=>{if(e.length){Array.from(e).forEach(a=>a.addEventListener("click",t.click.bind(t)));let i=e[0].id;e[0].id||(i=`${e[0].htmlFor}_Label`,e[0].id=i),M(t,"aria-labelledby",i)}},N=t=>{const e=Array.from(t.elements).filter(o=>!o.tagName.includes("-")&&o.validity).map(o=>o.validity.valid),i=g.get(t)||[],a=Array.from(i).filter(o=>o.isConnected).map(o=>u.get(o).validity.valid),n=[...e,...a].includes(!1);t.toggleAttribute("internals-invalid",n),t.toggleAttribute("internals-valid",!n)},ue=t=>{N(R(t.target))},fe=t=>{N(R(t.target))},pe=t=>{const e=["button[type=submit]","input[type=submit]","button:not([type])"].map(i=>`${i}:not([disabled])`).map(i=>`${i}:not([form])${t.id?`,${i}[form='${t.id}']`:""}`).join(",");t.addEventListener("click",i=>{if(i.target.closest(e)){const n=g.get(t);if(t.noValidate)return;n.size&&Array.from(n).reverse().map(m=>u.get(m).reportValidity()).includes(!1)&&i.preventDefault()}})},me=t=>{const e=g.get(t.target);e&&e.size&&e.forEach(i=>{i.constructor.formAssociated&&i.formResetCallback&&i.formResetCallback.apply(i)})},X=(t,e,i)=>{if(e){const a=g.get(e);if(a)a.add(t);else{const n=new Set;n.add(t),g.set(e,n),pe(e),e.addEventListener("reset",me),e.addEventListener("input",ue),e.addEventListener("change",fe)}k.set(e,{ref:t,internals:i}),t.constructor.formAssociated&&t.formAssociatedCallback&&setTimeout(()=>{t.formAssociatedCallback.apply(t,[e])},0),N(e)}},R=t=>{let e=t.parentNode;return e&&e.tagName!=="FORM"&&(e=R(e)),e},v=(t,e,i=DOMException)=>{if(!t.constructor.formAssociated)throw new i(e)},Y=(t,e,i)=>{const a=g.get(t);return a&&a.size&&a.forEach(n=>{u.get(n)[i]()||(e=!1)}),e},Z=t=>{if(t.constructor.formAssociated){const e=u.get(t),{labels:i,form:a}=e;Q(t,i),X(t,a,e)}};function O(){return typeof MutationObserver<"u"}class ye{constructor(){this.badInput=!1,this.customError=!1,this.patternMismatch=!1,this.rangeOverflow=!1,this.rangeUnderflow=!1,this.stepMismatch=!1,this.tooLong=!1,this.tooShort=!1,this.typeMismatch=!1,this.valid=!0,this.valueMissing=!1,Object.seal(this)}}const ge=t=>(t.badInput=!1,t.customError=!1,t.patternMismatch=!1,t.rangeOverflow=!1,t.rangeUnderflow=!1,t.stepMismatch=!1,t.tooLong=!1,t.tooShort=!1,t.typeMismatch=!1,t.valid=!0,t.valueMissing=!1,t),be=(t,e,i)=>(t.valid=ve(e),Object.keys(e).forEach(a=>t[a]=e[a]),i&&N(i),t),ve=t=>{let e=!0;for(let i in t)i!=="valid"&&t[i]!==!1&&(e=!1);return e},q=new WeakMap;function ee(t,e){t.toggleAttribute(e,!0),t.part&&t.part.add(e)}class H extends Set{static get isPolyfilled(){return!0}constructor(e){if(super(),!e||!e.tagName||e.tagName.indexOf("-")===-1)throw new TypeError("Illegal constructor");q.set(this,e)}add(e){if(!/^--/.test(e)||typeof e!="string")throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${e} must start with '--'.`);const i=super.add(e),a=q.get(this),n=`state${e}`;return a.isConnected?ee(a,n):setTimeout(()=>{ee(a,n)}),i}clear(){for(let[e]of this.entries())this.delete(e);super.clear()}delete(e){const i=super.delete(e),a=q.get(this);return a.isConnected?(a.toggleAttribute(`state${e}`,!1),a.part&&a.part.remove(`state${e}`)):setTimeout(()=>{a.toggleAttribute(`state${e}`,!1),a.part&&a.part.remove(`state${e}`)}),i}}function te(t,e,i,a){if(typeof e=="function"?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?a:i==="a"?a.call(t):a?a.value:e.get(t)}function we(t,e,i,a,n){if(typeof e=="function"?t!==e||!0:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return e.set(t,i),i}var A;class Ee{constructor(e){A.set(this,void 0),we(this,A,e);for(let i=0;i<e.length;i++){let a=e[i];this[i]=a,a.hasAttribute("name")&&(this[a.getAttribute("name")]=a)}Object.freeze(this)}get length(){return te(this,A,"f").length}[(A=new WeakMap,Symbol.iterator)](){return te(this,A,"f")[Symbol.iterator]()}item(e){return this[e]==null?null:this[e]}namedItem(e){return this[e]==null?null:this[e]}}function Me(){const t=HTMLFormElement.prototype.checkValidity;HTMLFormElement.prototype.checkValidity=i;const e=HTMLFormElement.prototype.reportValidity;HTMLFormElement.prototype.reportValidity=a;function i(...o){let l=t.apply(this,o);return Y(this,l,"checkValidity")}function a(...o){let l=e.apply(this,o);return Y(this,l,"reportValidity")}const{get:n}=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get(...o){const l=n.call(this,...o),m=Array.from(g.get(this)||[]);if(m.length===0)return l;const f=Array.from(l).concat(m).sort((w,b)=>w.compareDocumentPosition?w.compareDocumentPosition(b)&2?1:-1:0);return new Ee(f)}})}class ie{static get isPolyfilled(){return!0}constructor(e){if(!e||!e.tagName||e.tagName.indexOf("-")===-1)throw new TypeError("Illegal constructor");const i=e.getRootNode(),a=new ye;this.states=new H(e),s.set(this,e),h.set(this,a),u.set(e,this),le(e,this),he(e,this),Object.seal(this),i instanceof DocumentFragment&&de(i)}checkValidity(){const e=s.get(this);if(v(e,"Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;const i=h.get(this);if(!i.valid){const a=new Event("invalid",{bubbles:!1,cancelable:!0,composed:!1});e.dispatchEvent(a)}return i.valid}get form(){const e=s.get(this);v(e,"Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element.");let i;return e.constructor.formAssociated===!0&&(i=R(e)),i}get labels(){const e=s.get(this);v(e,"Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.");const i=e.getAttribute("id"),a=e.getRootNode();return a&&i?a.querySelectorAll(`[for="${i}"]`):[]}reportValidity(){const e=s.get(this);if(v(e,"Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;const i=this.checkValidity(),a=S.get(this);if(a&&!e.constructor.formAssociated)throw new DOMException("Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.");return!i&&a&&(e.focus(),a.focus()),i}setFormValue(e){const i=s.get(this);if(v(i,"Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."),G(this),e!=null&&!(e instanceof FormData)){if(i.getAttribute("name")){const a=J(i,this);a.value=e}}else e!=null&&e instanceof FormData&&Array.from(e).reverse().forEach(([a,n])=>{if(typeof n=="string"){const o=J(i,this);o.name=a,o.value=n}});F.set(i,e)}setValidity(e,i,a){const n=s.get(this);if(v(n,"Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!e)throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present.");S.set(this,a);const o=h.get(this),l={};for(const w in e)l[w]=e[w];Object.keys(l).length===0&&ge(o);const m=Object.assign(Object.assign({},o),l);delete m.valid;const{valid:f}=be(o,m,this.form);if(!f&&!i)throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.");y.set(this,f?"":i),n.isConnected?(n.toggleAttribute("internals-invalid",!f),n.toggleAttribute("internals-valid",f),M(n,"aria-invalid",`${!f}`)):x.set(n,this)}get shadowRoot(){const e=s.get(this),i=T.get(e);return i||null}get validationMessage(){const e=s.get(this);return v(e,"Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."),y.get(this)}get validity(){const e=s.get(this);return v(e,"Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element."),h.get(this)}get willValidate(){const e=s.get(this);return v(e,"Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element."),!(e.disabled||e.hasAttribute("disabled")||e.hasAttribute("readonly"))}}function ke(){if(typeof window>"u"||!window.ElementInternals||!HTMLElement.prototype.attachInternals)return!1;class t extends HTMLElement{constructor(){super(),this.internals=this.attachInternals()}}const e=`element-internals-feature-detection-${Math.random().toString(36).replace(/[^a-z]+/g,"")}`;customElements.define(e,t);const i=new t;return["shadowRoot","form","willValidate","validity","validationMessage","labels","setFormValue","setValidity","checkValidity","reportValidity"].every(a=>a in i.internals)}let ae=!1,se=!1;function B(t){se||(se=!0,window.CustomStateSet=H,t&&(HTMLElement.prototype.attachInternals=function(...e){const i=t.call(this,e);return i.states=new H(this),i}))}function re(t=!0){if(!ae){if(ae=!0,typeof window<"u"&&(window.ElementInternals=ie),typeof CustomElementRegistry<"u"){const e=CustomElementRegistry.prototype.define;CustomElementRegistry.prototype.define=function(i,a,n){if(a.formAssociated){const o=a.prototype.connectedCallback;a.prototype.connectedCallback=function(){U.has(this)||(U.set(this,!0),this.hasAttribute("disabled")&&W(this,!0)),o!=null&&o.apply(this),Z(this)}}e.call(this,i,a,n)}}if(typeof HTMLElement<"u"&&(HTMLElement.prototype.attachInternals=function(){if(this.tagName){if(this.tagName.indexOf("-")===-1)throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': Unable to attach ElementInternals to non-custom elements.")}else return{};if(u.has(this))throw new DOMException("DOMException: Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");return new ie(this)}),typeof Element<"u"){let e=function(...a){const n=i.apply(this,a);if(T.set(this,n),O()){const o=new MutationObserver(D);window.ShadyDOM?o.observe(this,P):o.observe(n,P),C.set(this,o)}return n};const i=Element.prototype.attachShadow;Element.prototype.attachShadow=e}O()&&typeof document<"u"&&new MutationObserver(D).observe(document.documentElement,P),typeof HTMLFormElement<"u"&&Me(),(t||typeof window<"u"&&!window.CustomStateSet)&&B()}}return!!customElements.polyfillWrapFlushCallback||(ke()?typeof window<"u"&&!window.CustomStateSet&&B(HTMLElement.prototype.attachInternals):re(!1)),E.forceCustomStateSetPolyfill=B,E.forceElementInternalsPolyfill=re,Object.defineProperty(E,"__esModule",{value:!0}),E})({})})()),ne}Se();var Ae=Object.defineProperty,d=(E,s,h,p)=>{for(var u=void 0,y=E.length-1,k;y>=0;y--)(k=E[y])&&(u=k(s,h,u)||u);return u&&Ae(s,h,u),u};class c extends r.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.step=null,this.ariaDescribedBy=null,this.ariaLabelledby=null,this.name="",this.pattern=null,this.placeholder=null,this.id=Ce.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=Te.specs.props.helptextDropdownButton.default,this.label=null,this.optionalText=r.translations.forms.labels.optional,this.requiredText=r.translations.forms.labels.required,this.tagText=null,this.dataTestid="",this.touched=!1,this.internals=this.attachInternals()}static get formAssociated(){return!0}manageValidity(s){var h,p,u,y,k,C,g,F,V,T,S;s&&(this.required&&!this.value?this.internals.setValidity({valueMissing:!0},r.translations.forms.messages.required,s):(h=s.validity)!=null&&h.typeMismatch||(p=s.validity)!=null&&p.badInput?this.internals.setValidity({typeMismatch:!0},r.translations.forms.messages.invalid,s):(u=s.validity)!=null&&u.patternMismatch?this.internals.setValidity({patternMismatch:!0},r.translations.forms.messages.invalidPattern,s):(y=s.validity)!=null&&y.tooShort||this.minlength&&this.minlength>0&&this.value.length<this.minlength?this.internals.setValidity({tooShort:!0},r.translations.forms.messages.tooShort,s):(k=s.validity)!=null&&k.tooLong||this.maxlength&&this.maxlength>0&&this.value.length>this.maxlength?this.internals.setValidity({tooLong:!0},r.translations.forms.messages.tooLong,s):(C=s.validity)!=null&&C.rangeUnderflow?this.internals.setValidity({rangeUnderflow:!0},this.min?r.translations.forms.messages.rangeUnderflowMin.replace("{min}",(g=this.min)==null?void 0:g.toString()):r.translations.forms.messages.rangeUnderflow,s):(F=s.validity)!=null&&F.stepMismatch?this.internals.setValidity({stepMismatch:!0},r.translations.forms.messages.invalid,s):(V=s.validity)!=null&&V.rangeOverflow?this.internals.setValidity({rangeOverflow:!0},this.max?r.translations.forms.messages.rangeOverflowMax.replace("{max}",(T=this.max)==null?void 0:T.toString()):r.translations.forms.messages.rangeOverflow,s):(S=s.validity)!=null&&S.customError?this.internals.setValidity({customError:!0},s.validationMessage,s):this.internals.setValidity({}))}setFormValue(s){if(this.internals)if(Array.isArray(s)){const h=new FormData;s.forEach(p=>{h.append(this.name,p)}),this.internals.setFormValue(h)}else this.internals.setFormValue(s)}valueChecked(s){if(!this.touched)return;const h=this.internals.form||this.closest("form"),p=h?new FormData(h):null;h&&h.querySelectorAll(`pkt-radiobutton[name="${this.name}"], input[type=radio][name="${this.name}"]`).forEach(u=>{const y=u;y.name===this.name&&y.value!==this.value&&y.checked&&(y.checked=!1)}),typeof s=="string"?(this.checked=s==="true",this.internals.ariaChecked=s==="true"):typeof s=="boolean"&&(this.checked=s,this.internals.ariaChecked=s),this.checked?(this.internals.setFormValue(this.value||"on",this.value||"on"),p&&p.append(this.name,this.value||"on"),this.internals.states.add("--checked")):(this.internals.setFormValue(null,null),p&&p.delete(this.name),this.internals.states.delete("--checked")),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("value-change",{detail:this.checked,bubbles:!0,composed:!0})),this.internals.reportValidity()}valueChanged(s,h){(h!==this.value||h!==this._value)&&(typeof s=="string"?((this.multiple||this.range)&&s.includes(",")&&(s=s.split(",")),this.value=s,this._value=Array.isArray(s)?s:[s]):Array.isArray(s)?(this.value=this.multiple||this.range?s:s[0],this._value=s):(this.value="",this._value=[]),(!this.value||this.value.length===0)&&h&&h.length!==0?this.clearInputValue():this.value&&this.value.toString()!==(h==null?void 0:h.toString())&&this.onChange(this.value),this.updateComplete.then(()=>this.requestUpdate()))}clearInputValue(){const s=this.multiple||this.range?[]:"";this.value=s,this.internals.setFormValue(s),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("value-change",{detail:s,bubbles:!0,composed:!0}))}onFocus(){this.dispatchEvent(new FocusEvent("focus",{bubbles:!0,composed:!0}))}onBlur(){this.dispatchEvent(new FocusEvent("blur",{bubbles:!0,composed:!0}))}onInput(){this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))}onChange(s){if(!this.touched){this.touched=!0,s&&this.setFormValue(s);return}typeof s!="string"&&!Array.isArray(s)||((this.range||this.multiple)&&!Array.isArray(s)&&s.includes(",")&&(s=s.split(",")),!this.multiple&&!this.range&&Array.isArray(s)&&(s=s[0]),this.setFormValue(s),this.manageValidity(this.inputRef.value),this.inputRefTo&&this.manageValidity(this.inputRefTo.value),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("value-change",{detail:s,bubbles:!0,composed:!0})))}formResetCallback(){this.touched=!1,this._options&&this._options.length&&this._options.forEach(s=>{"selected"in s&&(s.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(s){super.updated(s),s.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(s){if(super.firstUpdated(s),!this.form){const h=this.internals.form||this.closest("form");this.form=h}if(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 h=this.checked===""||this.checked==="true"||this.checked===!0;this.internals.ariaChecked=h,this.internals.setFormValue(h?this.value||"on":"",h?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))}}d([r.n()],c.prototype,"defaultValue");d([r.n({type:Boolean,reflect:!0})],c.prototype,"disabled");d([r.n({type:Boolean,reflect:!0})],c.prototype,"readonly");d([r.n({type:Boolean,reflect:!0})],c.prototype,"required");d([r.n({type:Number,reflect:!0})],c.prototype,"max");d([r.n({type:Number,reflect:!0})],c.prototype,"maxlength");d([r.n({type:Number,reflect:!0})],c.prototype,"min");d([r.n({type:Number,reflect:!0})],c.prototype,"minlength");d([r.n({type:Number,reflect:!0})],c.prototype,"step");d([r.n({type:String})],c.prototype,"ariaDescribedBy");d([r.n({type:String})],c.prototype,"ariaLabelledby");d([r.n({type:String,reflect:!0})],c.prototype,"name");d([r.n({type:String,reflect:!0})],c.prototype,"pattern");d([r.n({type:String,reflect:!0})],c.prototype,"placeholder");d([r.n({type:String,reflect:!0})],c.prototype,"id");d([r.n({type:Boolean})],c.prototype,"counter");d([r.n({type:Boolean})],c.prototype,"hasError");d([r.n({type:Boolean})],c.prototype,"inline");d([r.n({type:Boolean})],c.prototype,"hasFieldset");d([r.n({type:Boolean})],c.prototype,"optionalTag");d([r.n({type:Boolean})],c.prototype,"requiredTag");d([r.n({type:Boolean})],c.prototype,"skipForwardTestid");d([r.n({type:Boolean,reflect:!0,converter:Fe.booleanishConverter})],c.prototype,"useWrapper");d([r.n({type:Boolean,reflect:!0})],c.prototype,"fullwidth");d([r.n({type:Number})],c.prototype,"counterMaxLength");d([r.n({type:String})],c.prototype,"errorMessage");d([r.n({type:String})],c.prototype,"helptext");d([r.n({type:String})],c.prototype,"helptextDropdown");d([r.n({type:String,reflect:!1})],c.prototype,"helptextDropdownButton");d([r.n({type:String})],c.prototype,"label");d([r.n({type:String,reflect:!1})],c.prototype,"optionalText");d([r.n({type:String,reflect:!1})],c.prototype,"requiredText");d([r.n({type:String,reflect:!1})],c.prototype,"tagText");d([r.n({type:String,attribute:"data-testid"})],c.prototype,"dataTestid");d([Ve.r()],c.prototype,"touched");exports.PktInputElement=c;

package/dist/{input-wrapper-CAwzMR9o.js → input-wrapper-1PCXqtiu.js}

@@ -1,104 +1,97 @@
-import { P as x, E as i, x as p, n as r, a as m } from "./element-CRDRygXu.js";
+import { P as x, E as s, x as o, n as r, a as m } from "./element-CRDRygXu.js";
 import { P as k } from "./pkt-slot-controller-BPGj-LC5.js";
-import { e as f, n as b } from "./ref-Xa5dbh--.js";
+import { e as g, n as y } from "./ref-Xa5dbh--.js";
 import { o as w } from "./if-defined-BWZGb3bh.js";
-import { o as T } from "./icon-BB7e5iQN.js";
-import { e as E } from "./class-map-wy7PUk0P.js";
-import { u as S } from "./utils-DznhwRXm.js";
-import { s } from "./input-wrapper-CDgenrYA.js";
+import { o as v } from "./icon-BB7e5iQN.js";
+import { e as T } from "./class-map-wy7PUk0P.js";
+import { u as E } from "./utils-DznhwRXm.js";
+import { b as S } from "./booleanish-C9R0tdXH.js";
+import { s as p } from "./input-wrapper-CDgenrYA.js";
 import "./helptext-Bn17Picx.js";
 import "./alert-UFQFbbzZ.js";
-var v = Object.defineProperty, D = Object.getOwnPropertyDescriptor, e = (o, a, n, h) => {
-  for (var l = h > 1 ? void 0 : h ? D(a, n) : a, d = o.length - 1, u; d >= 0; d--)
-    (u = o[d]) && (l = (h ? u(a, n, l) : u(l)) || l);
-  return h && l && v(a, n, l), l;
-};
-const _ = {
-  fromAttribute(o) {
-    return o == null ? !1 : o === "" || o === "true" || o === !0 ? !0 : o === "false" || o === !1 ? !1 : !!o;
-  },
-  toAttribute(o) {
-    return o ? "true" : "false";
-  }
+var D = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, e = (l, a, n, h) => {
+  for (var i = h > 1 ? void 0 : h ? _(a, n) : a, d = l.length - 1, u; d >= 0; d--)
+    (u = l[d]) && (i = (h ? u(a, n, i) : u(i)) || i);
+  return h && i && D(a, n, i), i;
 };
 let t = class extends x {
   constructor() {
-    super(), this.defaultSlot = f(), this.helptextSlot = f(), this.forId = S(), this.label = "", this.helptext = null, this.helptextDropdown = null, this.helptextDropdownButton = null, this.counter = s.props.counter.default, this.counterCurrent = 0, this.counterMaxLength = 0, this.counterError = null, this.counterPosition = "bottom", this.optionalTag = s.props.optionalTag.default, this.optionalText = s.props.optionalText.default, this.requiredTag = s.props.requiredTag.default, this.requiredText = s.props.requiredText.default, this.tagText = null, this.hasError = s.props.hasError.default, this.errorMessage = "", this.disabled = s.props.disabled.default, this.inline = s.props.inline.default, this.ariaDescribedby = void 0, this.hasFieldset = s.props.hasFieldset.default, this.role = "group", this.useWrapper = s.props.useWrapper.default, this.slotController = new k(this, this.defaultSlot, this.helptextSlot);
+    super(), this.defaultSlot = g(), this.helptextSlot = g(), this.forId = E(), this.label = "", this.helptext = null, this.helptextDropdown = null, this.helptextDropdownButton = null, this.counter = p.props.counter.default, this.counterCurrent = 0, this.counterMaxLength = 0, this.counterError = null, this.counterPosition = "bottom", this.optionalTag = p.props.optionalTag.default, this.optionalText = p.props.optionalText.default, this.requiredTag = p.props.requiredTag.default, this.requiredText = p.props.requiredText.default, this.tagText = null, this.hasError = p.props.hasError.default, this.errorMessage = "", this.disabled = p.props.disabled.default, this.inline = p.props.inline.default, this.ariaDescribedby = void 0, this.hasFieldset = p.props.hasFieldset.default, this.role = "group", this.useWrapper = p.props.useWrapper.default, this.slotController = new k(this, this.defaultSlot, this.helptextSlot);
   }
-  updated(o) {
-    super.updated(o);
+  updated(l) {
+    super.updated(l);
   }
   render() {
-    const o = {
+    const l = {
       "pkt-inputwrapper": !0,
       "pkt-inputwrapper--error": this.hasError,
       "pkt-inputwrapper--disabled": this.disabled,
       "pkt-inputwrapper--inline": this.inline
-    }, a = "pkt-tag pkt-tag--small pkt-tag--thin-text", n = this.ariaDescribedby ? this.ariaDescribedby : this.helptext ? `${this.forId}-helptext` : i, h = () => p`
-        ${this.tagText ? p`<span class=${a + " pkt-tag--gray"}>${this.tagText}</span>` : i}
-        ${this.optionalTag ? p`<span class=${a + " pkt-tag--blue-light"}>${this.optionalText}</span>` : i}
-        ${this.requiredTag ? p`<span class=${a + " pkt-tag--beige"}>${this.requiredText}</span>` : i}
-      `, l = () => this.useWrapper ? this.hasFieldset ? p`<legend
+    }, a = "pkt-tag pkt-tag--small pkt-tag--thin-text", n = this.ariaDescribedby ? this.ariaDescribedby : this.helptext ? `${this.forId}-helptext` : s, h = () => o`
+        ${this.tagText ? o`<span class=${a + " pkt-tag--gray"}>${this.tagText}</span>` : s}
+        ${this.optionalTag ? o`<span class=${a + " pkt-tag--blue-light"}>${this.optionalText}</span>` : s}
+        ${this.requiredTag ? o`<span class=${a + " pkt-tag--beige"}>${this.requiredText}</span>` : s}
+      `, i = () => this.useWrapper ? this.hasFieldset ? o`<legend
             class="pkt-inputwrapper__legend"
             id="${this.forId}-label"
             @click=${this.handleLabelClick}
           >
             ${this.label} ${h()}
-          </legend>` : p`<label
+          </legend>` : o`<label
             class="pkt-inputwrapper__label"
             for="${this.forId}"
             aria-describedby="${n}"
             id="${this.forId}-label"
             @click=${this.handleLabelClick}
             >${this.label}${h()}</label
-          >` : p`<label
+          >` : o`<label
           for="${this.forId}"
           class="pkt-sr-only"
           aria-describedby="${n}"
           id="${this.forId}-label"
         >
           ${this.label}
-        </label>`, d = () => p`
+        </label>`, d = () => o`
         <pkt-helptext
           class="${w(this.useWrapper ? void 0 : "pkt-hide")}"
           .forId=${this.forId}
           .helptext=${this.helptext}
           .helptextDropdown=${this.helptextDropdown}
-          .helptextDropdownButton=${this.helptextDropdownButton || s.props.helptextDropdownButton.default}
+          .helptextDropdownButton=${this.helptextDropdownButton || p.props.helptextDropdownButton.default}
           @toggleHelpText=${($) => {
       this.toggleDropdown($);
     }}
-          ${b(this.helptextSlot)}
+          ${y(this.helptextSlot)}
           name="helptext"
         ></pkt-helptext>
-      `, u = () => this.counter ? p`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
-          ${this.counterError ? this.counterError : i} ${this.counterCurrent || 0}
-          ${this.counterMaxLength ? `/${this.counterMaxLength}` : i}
-        </div>` : i, g = () => this.hasError && this.errorMessage ? p`<pkt-alert
+      `, u = () => this.counter ? o`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
+          ${this.counterError ? this.counterError : s} ${this.counterCurrent || 0}
+          ${this.counterMaxLength ? `/${this.counterMaxLength}` : s}
+        </div>` : s, b = () => this.hasError && this.errorMessage ? o`<pkt-alert
           skin="error"
           compact
           id=${`${this.forId}-error`}
           aria-live="assertive"
           aria-atomic="true"
         >
-          ${T(this.errorMessage)}
-        </pkt-alert>` : i, c = () => p`
-        ${l()} 
+          ${v(this.errorMessage)}
+        </pkt-alert>` : s, c = () => o`
+        ${i()} 
         ${d()}
-        ${this.counterPosition === "top" ? u() : i}
-        <div class="pkt-contents" ${b(this.defaultSlot)}></div>
-        ${this.counterPosition === "bottom" ? u() : i} 
-        ${g()}
-      `, y = () => this.hasFieldset ? p`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${n}">
+        ${this.counterPosition === "top" ? u() : s}
+        <div class="pkt-contents" ${y(this.defaultSlot)}></div>
+        ${this.counterPosition === "bottom" ? u() : s} 
+        ${b()}
+      `, f = () => this.hasFieldset ? o`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${n}">
             ${c()}
-          </fieldset>` : p`<div class="pkt-inputwrapper__fieldset">${c()}</div>`;
-    return p`<div class=${E(o)}>${y()}</div> `;
+          </fieldset>` : o`<div class="pkt-inputwrapper__fieldset">${c()}</div>`;
+    return o`<div class=${T(l)}>${f()}</div> `;
   }
-  toggleDropdown(o) {
+  toggleDropdown(l) {
     this.dispatchEvent(
       new CustomEvent("toggleHelpText", {
         bubbles: !1,
-        detail: { isOpen: o.detail.isOpen }
+        detail: { isOpen: l.detail.isOpen }
       })
     );
   }
@@ -179,7 +172,7 @@ e([
   r({ type: String, reflect: !0 })
 ], t.prototype, "role", 2);
 e([
-  r({ type: Boolean, reflect: !0, converter: _ })
+  r({ type: Boolean, reflect: !0, converter: S })
 ], t.prototype, "useWrapper", 2);
 t = e([
   m("pkt-input-wrapper")