@oslokommune/punkt-elements 12.37.0 → 12.37.2

package/dist/dialog-polyfill.esm-CbjBMXAG.js

@@ -0,0 +1,395 @@
+var d = window.CustomEvent;
+(!d || typeof d == "object") && (d = function(t, o) {
+  o = o || {};
+  var i = document.createEvent("CustomEvent");
+  return i.initCustomEvent(t, !!o.bubbles, !!o.cancelable, o.detail || null), i;
+}, d.prototype = window.Event.prototype);
+function g(e, t) {
+  var o = "on" + t.type.toLowerCase();
+  return typeof e[o] == "function" && e[o](t), e.dispatchEvent(t);
+}
+function E(e) {
+  for (; e && e !== document.body; ) {
+    var t = window.getComputedStyle(e), o = function(i, a) {
+      return !(t[i] === void 0 || t[i] === a);
+    };
+    if (t.opacity < 1 || o("zIndex", "auto") || o("transform", "none") || o("mixBlendMode", "normal") || o("filter", "none") || o("perspective", "none") || t.isolation === "isolate" || t.position === "fixed" || t.webkitOverflowScrolling === "touch")
+      return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}
+function c(e) {
+  for (; e; ) {
+    if (e.localName === "dialog")
+      return (
+        /** @type {HTMLDialogElement} */
+        e
+      );
+    e.parentElement ? e = e.parentElement : e.parentNode ? e = e.parentNode.host : e = null;
+  }
+  return null;
+}
+function b(e) {
+  for (; e && e.shadowRoot && e.shadowRoot.activeElement; )
+    e = e.shadowRoot.activeElement;
+  e && e.blur && e !== document.body && e.blur();
+}
+function M(e, t) {
+  for (var o = 0; o < e.length; ++o)
+    if (e[o] === t)
+      return !0;
+  return !1;
+}
+function h(e) {
+  return !e || !e.hasAttribute("method") ? !1 : e.getAttribute("method").toLowerCase() === "dialog";
+}
+function v(e) {
+  var t = ["button", "input", "keygen", "select", "textarea"], o = t.map(function(s) {
+    return s + ":not([disabled])";
+  });
+  o.push('[tabindex]:not([disabled]):not([tabindex=""])');
+  var i = e.querySelector(o.join(", "));
+  if (!i && "attachShadow" in Element.prototype)
+    for (var a = e.querySelectorAll("*"), r = 0; r < a.length && !(a[r].tagName && a[r].shadowRoot && (i = v(a[r].shadowRoot), i)); r++)
+      ;
+  return i;
+}
+function m(e) {
+  return e.isConnected || document.body.contains(e);
+}
+function y(e) {
+  if (e.submitter)
+    return e.submitter;
+  var t = e.target;
+  if (!(t instanceof HTMLFormElement))
+    return null;
+  var o = n.formSubmitter;
+  if (!o) {
+    var i = e.target, a = "getRootNode" in i && i.getRootNode() || document;
+    o = a.activeElement;
+  }
+  return !o || o.form !== t ? null : o;
+}
+function D(e) {
+  if (!e.defaultPrevented) {
+    var t = (
+      /** @type {!HTMLFormElement} */
+      e.target
+    ), o = n.imagemapUseValue, i = y(e);
+    o === null && i && (o = i.value);
+    var a = c(t);
+    if (a) {
+      var r = i && i.getAttribute("formmethod") || t.getAttribute("method");
+      r === "dialog" && (e.preventDefault(), o != null ? a.close(o) : a.close());
+    }
+  }
+}
+function _(e) {
+  if (this.dialog_ = e, this.replacedStyleTop_ = !1, this.openAsModal_ = !1, e.hasAttribute("role") || e.setAttribute("role", "dialog"), e.show = this.show.bind(this), e.showModal = this.showModal.bind(this), e.close = this.close.bind(this), e.addEventListener("submit", D, !1), "returnValue" in e || (e.returnValue = ""), "MutationObserver" in window) {
+    var t = new MutationObserver(this.maybeHideModal.bind(this));
+    t.observe(e, { attributes: !0, attributeFilter: ["open"] });
+  } else {
+    var o = !1, i = (function() {
+      o ? this.downgradeModal() : this.maybeHideModal(), o = !1;
+    }).bind(this), a, r = function(s) {
+      if (s.target === e) {
+        var u = "DOMNodeRemoved";
+        o |= s.type.substr(0, u.length) === u, window.clearTimeout(a), a = window.setTimeout(i, 0);
+      }
+    };
+    ["DOMAttrModified", "DOMNodeRemoved", "DOMNodeRemovedFromDocument"].forEach(function(s) {
+      e.addEventListener(s, r);
+    });
+  }
+  Object.defineProperty(e, "open", {
+    set: this.setOpen.bind(this),
+    get: e.hasAttribute.bind(e, "open")
+  }), this.backdrop_ = document.createElement("div"), this.backdrop_.className = "backdrop", this.backdrop_.addEventListener("mouseup", this.backdropMouseEvent_.bind(this)), this.backdrop_.addEventListener("mousedown", this.backdropMouseEvent_.bind(this)), this.backdrop_.addEventListener("click", this.backdropMouseEvent_.bind(this));
+}
+_.prototype = /** @type {HTMLDialogElement.prototype} */
+{
+  get dialog() {
+    return this.dialog_;
+  },
+  /**
+   * Maybe remove this dialog from the modal top layer. This is called when
+   * a modal dialog may no longer be tenable, e.g., when the dialog is no
+   * longer open or is no longer part of the DOM.
+   */
+  maybeHideModal: function() {
+    this.dialog_.hasAttribute("open") && m(this.dialog_) || this.downgradeModal();
+  },
+  /**
+   * Remove this dialog from the modal top layer, leaving it as a non-modal.
+   */
+  downgradeModal: function() {
+    this.openAsModal_ && (this.openAsModal_ = !1, this.dialog_.style.zIndex = "", this.replacedStyleTop_ && (this.dialog_.style.top = "", this.replacedStyleTop_ = !1), this.backdrop_.parentNode && this.backdrop_.parentNode.removeChild(this.backdrop_), n.dm.removeDialog(this));
+  },
+  /**
+   * @param {boolean} value whether to open or close this dialog
+   */
+  setOpen: function(e) {
+    e ? this.dialog_.hasAttribute("open") || this.dialog_.setAttribute("open", "") : (this.dialog_.removeAttribute("open"), this.maybeHideModal());
+  },
+  /**
+   * Handles mouse events ('mouseup', 'mousedown', 'click') on the fake .backdrop element, redirecting them as if
+   * they were on the dialog itself.
+   *
+   * @param {!Event} e to redirect
+   */
+  backdropMouseEvent_: function(e) {
+    if (this.dialog_.hasAttribute("tabindex"))
+      this.dialog_.focus();
+    else {
+      var t = document.createElement("div");
+      this.dialog_.insertBefore(t, this.dialog_.firstChild), t.tabIndex = -1, t.focus(), this.dialog_.removeChild(t);
+    }
+    var o = document.createEvent("MouseEvents");
+    o.initMouseEvent(
+      e.type,
+      e.bubbles,
+      e.cancelable,
+      window,
+      e.detail,
+      e.screenX,
+      e.screenY,
+      e.clientX,
+      e.clientY,
+      e.ctrlKey,
+      e.altKey,
+      e.shiftKey,
+      e.metaKey,
+      e.button,
+      e.relatedTarget
+    ), this.dialog_.dispatchEvent(o), e.stopPropagation();
+  },
+  /**
+   * Focuses on the first focusable element within the dialog. This will always blur the current
+   * focus, even if nothing within the dialog is found.
+   */
+  focus_: function() {
+    var e = this.dialog_.querySelector("[autofocus]:not([disabled])");
+    !e && this.dialog_.tabIndex >= 0 && (e = this.dialog_), e || (e = v(this.dialog_)), b(document.activeElement), e && e.focus();
+  },
+  /**
+   * Sets the zIndex for the backdrop and dialog.
+   *
+   * @param {number} dialogZ
+   * @param {number} backdropZ
+   */
+  updateZIndex: function(e, t) {
+    if (e < t)
+      throw new Error("dialogZ should never be < backdropZ");
+    this.dialog_.style.zIndex = e, this.backdrop_.style.zIndex = t;
+  },
+  /**
+   * Shows the dialog. If the dialog is already open, this does nothing.
+   */
+  show: function() {
+    this.dialog_.open || (this.setOpen(!0), this.focus_());
+  },
+  /**
+   * Show this dialog modally.
+   */
+  showModal: function() {
+    if (this.dialog_.hasAttribute("open"))
+      throw new Error("Failed to execute 'showModal' on dialog: The element is already open, and therefore cannot be opened modally.");
+    if (!m(this.dialog_))
+      throw new Error("Failed to execute 'showModal' on dialog: The element is not in a Document.");
+    if (!n.dm.pushDialog(this))
+      throw new Error("Failed to execute 'showModal' on dialog: There are too many open modal dialogs.");
+    E(this.dialog_.parentElement) && console.warn("A dialog is being shown inside a stacking context. This may cause it to be unusable. For more information, see this link: https://github.com/GoogleChrome/dialog-polyfill/#stacking-context"), this.setOpen(!0), this.openAsModal_ = !0, n.needsCentering(this.dialog_) ? (n.reposition(this.dialog_), this.replacedStyleTop_ = !0) : this.replacedStyleTop_ = !1, this.dialog_.parentNode.insertBefore(this.backdrop_, this.dialog_.nextSibling), this.focus_();
+  },
+  /**
+   * Closes this HTMLDialogElement. This is optional vs clearing the open
+   * attribute, however this fires a 'close' event.
+   *
+   * @param {string=} opt_returnValue to use as the returnValue
+   */
+  close: function(e) {
+    if (!this.dialog_.hasAttribute("open"))
+      throw new Error("Failed to execute 'close' on dialog: The element does not have an 'open' attribute, and therefore cannot be closed.");
+    this.setOpen(!1), e !== void 0 && (this.dialog_.returnValue = e);
+    var t = new d("close", {
+      bubbles: !1,
+      cancelable: !1
+    });
+    g(this.dialog_, t);
+  }
+};
+var n = {};
+n.reposition = function(e) {
+  var t = document.body.scrollTop || document.documentElement.scrollTop, o = t + (window.innerHeight - e.offsetHeight) / 2;
+  e.style.top = Math.max(t, o) + "px";
+};
+n.isInlinePositionSetByStylesheet = function(e) {
+  for (var t = 0; t < document.styleSheets.length; ++t) {
+    var o = document.styleSheets[t], i = null;
+    try {
+      i = o.cssRules;
+    } catch {
+    }
+    if (i)
+      for (var a = 0; a < i.length; ++a) {
+        var r = i[a], s = null;
+        try {
+          s = document.querySelectorAll(r.selectorText);
+        } catch {
+        }
+        if (!(!s || !M(s, e))) {
+          var u = r.style.getPropertyValue("top"), f = r.style.getPropertyValue("bottom");
+          if (u && u !== "auto" || f && f !== "auto")
+            return !0;
+        }
+      }
+  }
+  return !1;
+};
+n.needsCentering = function(e) {
+  var t = window.getComputedStyle(e);
+  return t.position !== "absolute" || e.style.top !== "auto" && e.style.top !== "" || e.style.bottom !== "auto" && e.style.bottom !== "" ? !1 : !n.isInlinePositionSetByStylesheet(e);
+};
+n.forceRegisterDialog = function(e) {
+  if ((window.HTMLDialogElement || e.showModal) && console.warn("This browser already supports <dialog>, the polyfill may not work correctly", e), e.localName !== "dialog")
+    throw new Error("Failed to register dialog: The element is not a dialog.");
+  new _(
+    /** @type {!HTMLDialogElement} */
+    e
+  );
+};
+n.registerDialog = function(e) {
+  e.showModal || n.forceRegisterDialog(e);
+};
+n.DialogManager = function() {
+  this.pendingDialogStack = [];
+  var e = this.checkDOM_.bind(this);
+  this.overlay = document.createElement("div"), this.overlay.className = "_dialog_overlay", this.overlay.addEventListener("click", (function(t) {
+    this.forwardTab_ = void 0, t.stopPropagation(), e([]);
+  }).bind(this)), this.handleKey_ = this.handleKey_.bind(this), this.handleFocus_ = this.handleFocus_.bind(this), this.zIndexLow_ = 1e5, this.zIndexHigh_ = 100150, this.forwardTab_ = void 0, "MutationObserver" in window && (this.mo_ = new MutationObserver(function(t) {
+    var o = [];
+    t.forEach(function(i) {
+      for (var a = 0, r; r = i.removedNodes[a]; ++a) {
+        if (r instanceof Element)
+          r.localName === "dialog" && o.push(r);
+        else continue;
+        o = o.concat(r.querySelectorAll("dialog"));
+      }
+    }), o.length && e(o);
+  }));
+};
+n.DialogManager.prototype.blockDocument = function() {
+  document.documentElement.addEventListener("focus", this.handleFocus_, !0), document.addEventListener("keydown", this.handleKey_), this.mo_ && this.mo_.observe(document, { childList: !0, subtree: !0 });
+};
+n.DialogManager.prototype.unblockDocument = function() {
+  document.documentElement.removeEventListener("focus", this.handleFocus_, !0), document.removeEventListener("keydown", this.handleKey_), this.mo_ && this.mo_.disconnect();
+};
+n.DialogManager.prototype.updateStacking = function() {
+  for (var e = this.zIndexHigh_, t = 0, o; o = this.pendingDialogStack[t]; ++t)
+    o.updateZIndex(--e, --e), t === 0 && (this.overlay.style.zIndex = --e);
+  var i = this.pendingDialogStack[0];
+  if (i) {
+    var a = i.dialog.parentNode || document.body;
+    a.appendChild(this.overlay);
+  } else this.overlay.parentNode && this.overlay.parentNode.removeChild(this.overlay);
+};
+n.DialogManager.prototype.containedByTopDialog_ = function(e) {
+  for (; e = c(e); ) {
+    for (var t = 0, o; o = this.pendingDialogStack[t]; ++t)
+      if (o.dialog === e)
+        return t === 0;
+    e = e.parentElement;
+  }
+  return !1;
+};
+n.DialogManager.prototype.handleFocus_ = function(e) {
+  var t = e.composedPath ? e.composedPath()[0] : e.target;
+  if (!this.containedByTopDialog_(t) && document.activeElement !== document.documentElement && (e.preventDefault(), e.stopPropagation(), b(
+    /** @type {Element} */
+    t
+  ), this.forwardTab_ !== void 0)) {
+    var o = this.pendingDialogStack[0], i = o.dialog, a = i.compareDocumentPosition(t);
+    return a & Node.DOCUMENT_POSITION_PRECEDING && (this.forwardTab_ ? o.focus_() : t !== document.documentElement && document.documentElement.focus()), !1;
+  }
+};
+n.DialogManager.prototype.handleKey_ = function(e) {
+  if (this.forwardTab_ = void 0, e.keyCode === 27) {
+    e.preventDefault(), e.stopPropagation();
+    var t = new d("cancel", {
+      bubbles: !1,
+      cancelable: !0
+    }), o = this.pendingDialogStack[0];
+    o && g(o.dialog, t) && o.dialog.close();
+  } else e.keyCode === 9 && (this.forwardTab_ = !e.shiftKey);
+};
+n.DialogManager.prototype.checkDOM_ = function(e) {
+  var t = this.pendingDialogStack.slice();
+  t.forEach(function(o) {
+    e.indexOf(o.dialog) !== -1 ? o.downgradeModal() : o.maybeHideModal();
+  });
+};
+n.DialogManager.prototype.pushDialog = function(e) {
+  var t = (this.zIndexHigh_ - this.zIndexLow_) / 2 - 1;
+  return this.pendingDialogStack.length >= t ? !1 : (this.pendingDialogStack.unshift(e) === 1 && this.blockDocument(), this.updateStacking(), !0);
+};
+n.DialogManager.prototype.removeDialog = function(e) {
+  var t = this.pendingDialogStack.indexOf(e);
+  t !== -1 && (this.pendingDialogStack.splice(t, 1), this.pendingDialogStack.length === 0 && this.unblockDocument(), this.updateStacking());
+};
+n.dm = new n.DialogManager();
+n.formSubmitter = null;
+n.imagemapUseValue = null;
+if (window.HTMLDialogElement === void 0) {
+  var p = document.createElement("form");
+  if (p.setAttribute("method", "dialog"), p.method !== "dialog") {
+    var l = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, "method");
+    if (l) {
+      var k = l.get;
+      l.get = function() {
+        return h(this) ? "dialog" : k.call(this);
+      };
+      var S = l.set;
+      l.set = function(e) {
+        return typeof e == "string" && e.toLowerCase() === "dialog" ? this.setAttribute("method", e) : S.call(this, e);
+      }, Object.defineProperty(HTMLFormElement.prototype, "method", l);
+    }
+  }
+  document.addEventListener("click", function(e) {
+    if (n.formSubmitter = null, n.imagemapUseValue = null, !e.defaultPrevented) {
+      var t = (
+        /** @type {Element} */
+        e.target
+      );
+      if ("composedPath" in e) {
+        var o = e.composedPath();
+        t = o.shift() || t;
+      }
+      if (!(!t || !h(t.form))) {
+        var i = t.type === "submit" && ["button", "input"].indexOf(t.localName) > -1;
+        if (!i) {
+          if (!(t.localName === "input" && t.type === "image"))
+            return;
+          n.imagemapUseValue = e.offsetX + "," + e.offsetY;
+        }
+        var a = c(t);
+        a && (n.formSubmitter = t);
+      }
+    }
+  }, !1), document.addEventListener("submit", function(e) {
+    var t = e.target, o = c(t);
+    if (!o) {
+      var i = y(e), a = i && i.getAttribute("formmethod") || t.getAttribute("method");
+      a === "dialog" && e.preventDefault();
+    }
+  });
+  var T = HTMLFormElement.prototype.submit, x = function() {
+    if (!h(this))
+      return T.call(this);
+    var e = c(this);
+    e && e.close();
+  };
+  HTMLFormElement.prototype.submit = x;
+}
+export {
+  n as default
+};

package/dist/{heading-CP3NaeWE.cjs → heading-BnJhJDMD.cjs}

@@ -1 +1 @@
-"use strict";const e=require("./element-BSypUpzA.cjs"),c=require("./pkt-slot-controller-plQxXRvV.cjs"),l=require("./class-map-DCyaICmy.cjs"),n=require("./ref-BvbyvXRH.cjs");var p=Object.defineProperty,d=Object.getOwnPropertyDescriptor,r=(a,t,o,i)=>{for(var s=i>1?void 0:i?d(t,o):t,h=a.length-1,u;h>=0;h--)(u=a[h])&&(s=(i?u(t,o,s):u(s))||s);return i&&s&&p(t,o,s),s};exports.PktHeading=class extends e.PktElement{constructor(){super(),this.defaultSlot=n.e(),this.size="medium",this.level=2,this.noSpacing=!0,this.visuallyHidden=!1,this.align="start",this.slotController=new c.PktSlotController(this,this.defaultSlot)}render(){const t={"pkt-heading":!0,[`pkt-heading--${this.size}`]:this.size,"pkt-heading--noSpacing":this.noSpacing,"pkt-sr-only":this.visuallyHidden,[`pkt-heading--${this.align}`]:this.align};switch(this.level){case 2:return e.x`<h2 class=${l.e(t)} ${n.n(this.defaultSlot)}></h2>`;case 3:return e.x`<h3 class=${l.e(t)} ${n.n(this.defaultSlot)}></h3>`;case 4:return e.x`<h4 class=${l.e(t)} ${n.n(this.defaultSlot)}></h4>`;case 5:return e.x`<h5 class=${l.e(t)} ${n.n(this.defaultSlot)}></h5>`;case 6:return e.x`<h6 class=${l.e(t)} ${n.n(this.defaultSlot)}></h6>`;case 1:default:return e.x`<h1 class=${l.e(t)} ${n.n(this.defaultSlot)}></h1>`}}};r([e.n({type:String,reflect:!0})],exports.PktHeading.prototype,"size",2);r([e.n({type:Number,reflect:!0})],exports.PktHeading.prototype,"level",2);r([e.n({type:Boolean,reflect:!0})],exports.PktHeading.prototype,"noSpacing",2);r([e.n({type:Boolean,reflect:!0})],exports.PktHeading.prototype,"visuallyHidden",2);r([e.n({type:String,reflect:!0})],exports.PktHeading.prototype,"align",2);exports.PktHeading=r([e.t("pkt-heading")],exports.PktHeading);
+"use strict";const e=require("./element-BSypUpzA.cjs"),c=require("./pkt-slot-controller-Da-RgXfS.cjs"),l=require("./class-map-DCyaICmy.cjs"),n=require("./ref-BvbyvXRH.cjs");var p=Object.defineProperty,d=Object.getOwnPropertyDescriptor,r=(a,t,o,i)=>{for(var s=i>1?void 0:i?d(t,o):t,h=a.length-1,u;h>=0;h--)(u=a[h])&&(s=(i?u(t,o,s):u(s))||s);return i&&s&&p(t,o,s),s};exports.PktHeading=class extends e.PktElement{constructor(){super(),this.defaultSlot=n.e(),this.size="medium",this.level=2,this.noSpacing=!0,this.visuallyHidden=!1,this.align="start",this.slotController=new c.PktSlotController(this,this.defaultSlot)}render(){const t={"pkt-heading":!0,[`pkt-heading--${this.size}`]:this.size,"pkt-heading--noSpacing":this.noSpacing,"pkt-sr-only":this.visuallyHidden,[`pkt-heading--${this.align}`]:this.align};switch(this.level){case 2:return e.x`<h2 class=${l.e(t)} ${n.n(this.defaultSlot)}></h2>`;case 3:return e.x`<h3 class=${l.e(t)} ${n.n(this.defaultSlot)}></h3>`;case 4:return e.x`<h4 class=${l.e(t)} ${n.n(this.defaultSlot)}></h4>`;case 5:return e.x`<h5 class=${l.e(t)} ${n.n(this.defaultSlot)}></h5>`;case 6:return e.x`<h6 class=${l.e(t)} ${n.n(this.defaultSlot)}></h6>`;case 1:default:return e.x`<h1 class=${l.e(t)} ${n.n(this.defaultSlot)}></h1>`}}};r([e.n({type:String,reflect:!0})],exports.PktHeading.prototype,"size",2);r([e.n({type:Number,reflect:!0})],exports.PktHeading.prototype,"level",2);r([e.n({type:Boolean,reflect:!0})],exports.PktHeading.prototype,"noSpacing",2);r([e.n({type:Boolean,reflect:!0})],exports.PktHeading.prototype,"visuallyHidden",2);r([e.n({type:String,reflect:!0})],exports.PktHeading.prototype,"align",2);exports.PktHeading=r([e.t("pkt-heading")],exports.PktHeading);

package/dist/{heading-BkC05ohM.js → heading-DNLQdsXY.js}

@@ -1,5 +1,5 @@
 import { P as f, x as l, n as o, a as d } from "./element-DjjF_tEh.js";
-import { P as g } from "./pkt-slot-controller-DFrc5O93.js";
+import { P as g } from "./pkt-slot-controller-DtDaD9q_.js";
 import { e as r } from "./class-map-KyMqi0fa.js";
 import { e as $, n as i } from "./ref-iIffqQAI.js";
 var S = Object.defineProperty, y = Object.getOwnPropertyDescriptor, a = (t, n, p, h) => {

package/dist/{helptext-BLHAJ1aC.js → helptext-DcSUjjEq.js}

@@ -5,7 +5,7 @@ import { e as _ } from "./class-map-KyMqi0fa.js";
 import { r as w } from "./state-BtbpSrdV.js";
 import { u as v } from "./stringutils-DJjRa8dG.js";
 import { s as k } from "./input-wrapper-8iKEzDRZ.js";
-import { P as b } from "./pkt-slot-controller-DFrc5O93.js";
+import { P as b } from "./pkt-slot-controller-DtDaD9q_.js";
 var D = Object.defineProperty, O = Object.getOwnPropertyDescriptor, n = (r, o, s, t) => {
   for (var e = t > 1 ? void 0 : t ? O(o, s) : o, l = r.length - 1, h; l >= 0; l--)
     (h = r[l]) && (e = (t ? h(o, s, e) : h(e)) || e);

package/dist/{helptext-CCnYxYA9.cjs → helptext-bMgnhZ1R.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("./element-BSypUpzA.cjs"),x=require("./ref-BvbyvXRH.cjs"),h=require("./icon-BnKGwYjj.cjs"),u=require("./class-map-DCyaICmy.cjs"),c=require("./state-B5KCNjEd.cjs"),a=require("./stringutils-CkVRq4jP.cjs"),d=require("./input-wrapper-EoSAbU-U.cjs"),k=require("./pkt-slot-controller-plQxXRvV.cjs");var _=Object.defineProperty,w=Object.getOwnPropertyDescriptor,r=(s,p,l,n)=>{for(var t=n>1?void 0:n?w(p,l):p,o=s.length-1,i;o>=0;o--)(i=s[o])&&(t=(n?i(p,l,t):i(t))||t);return n&&t&&_(p,l,t),t};exports.PktHelptext=class extends e.PktElement{constructor(){super(),this.defaultSlot=x.e(),this.forId=a.uuidish(),this.helptext="",this.helptextDropdown="",this.helptextDropdownButton=d.specs.props.helptextDropdownButton.default,this.isHelpTextOpen=!1,this.slotController=new k.PktSlotController(this,this.defaultSlot)}render(){const p=()=>{const t=!this.isHelpTextOpen;this.isHelpTextOpen=t,this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!0,detail:{isOpen:t}}))},l=()=>this.helptextDropdown?e.x`<div class="pkt-inputwrapper__helptext-expandable">
+"use strict";const e=require("./element-BSypUpzA.cjs"),x=require("./ref-BvbyvXRH.cjs"),h=require("./icon-BnKGwYjj.cjs"),u=require("./class-map-DCyaICmy.cjs"),c=require("./state-B5KCNjEd.cjs"),a=require("./stringutils-CkVRq4jP.cjs"),d=require("./input-wrapper-EoSAbU-U.cjs"),k=require("./pkt-slot-controller-Da-RgXfS.cjs");var _=Object.defineProperty,w=Object.getOwnPropertyDescriptor,r=(s,p,l,n)=>{for(var t=n>1?void 0:n?w(p,l):p,o=s.length-1,i;o>=0;o--)(i=s[o])&&(t=(n?i(p,l,t):i(t))||t);return n&&t&&_(p,l,t),t};exports.PktHelptext=class extends e.PktElement{constructor(){super(),this.defaultSlot=x.e(),this.forId=a.uuidish(),this.helptext="",this.helptextDropdown="",this.helptextDropdownButton=d.specs.props.helptextDropdownButton.default,this.isHelpTextOpen=!1,this.slotController=new k.PktSlotController(this,this.defaultSlot)}render(){const p=()=>{const t=!this.isHelpTextOpen;this.isHelpTextOpen=t,this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!0,detail:{isOpen:t}}))},l=()=>this.helptextDropdown?e.x`<div class="pkt-inputwrapper__helptext-expandable">
           <button
             class="pkt-link pkt-link--icon-right pkt-btn pkt-btn--small pkt-btn--tertiary pkt-btn--icon-right"
             type="button"

package/dist/index.d.ts

@@ -751,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;
 }
@@ -907,6 +908,7 @@ export declare class PktModal extends PktElement implements IPktModal {
     constructor();
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
+    protected firstUpdated(_changedProperties: PropertyValues): Promise<void>;
     private handleKeyDown;
     private handleBackdropClick;
     private isElementInViewport;

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/{input-wrapper-Cn929YTV.cjs → input-wrapper-B-f_SotM.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-BSypUpzA.cjs"),b=require("./pkt-slot-controller-plQxXRvV.cjs"),a=require("./ref-BvbyvXRH.cjs"),y=require("./icon-BnKGwYjj.cjs"),c=require("./class-map-DCyaICmy.cjs"),f=require("./state-B5KCNjEd.cjs"),$=require("./stringutils-CkVRq4jP.cjs"),p=require("./input-wrapper-EoSAbU-U.cjs");require("./helptext-CCnYxYA9.cjs");var I=Object.defineProperty,P=Object.getOwnPropertyDescriptor,e=(u,r,i,o)=>{for(var s=o>1?void 0:o?P(r,i):r,n=u.length-1,l;n>=0;n--)(l=u[n])&&(s=(o?l(r,i,s):l(s))||s);return o&&s&&I(r,i,s),s};exports.PktInputWrapper=class extends t.PktElement{constructor(){super(),this.defaultSlot=a.e(),this.helptextSlot=a.e(),this.hasHelptextSlot=!0,this.forId=$.uuidish(),this.label="",this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=p.specs.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition="bottom",this.optionalTag=p.specs.props.optionalTag.default,this.optionalText=p.specs.props.optionalText.default,this.requiredTag=p.specs.props.requiredTag.default,this.requiredText=p.specs.props.requiredText.default,this.hasError=p.specs.props.hasError.default,this.errorMessage="",this.disabled=p.specs.props.disabled.default,this.inline=p.specs.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=p.specs.props.hasFieldset.default,this.useWrapper=p.specs.props.useWrapper.default,this.role="group",this.slotController=new b.PktSlotController(this,this.defaultSlot,this.helptextSlot)}updateSlots(r){this.hasHelptextSlot=r.has("helptext"),this.requestUpdate()}updated(r){super.updated(r)}render(){const r={"pkt-inputwrapper":!0,"pkt-inputwrapper--error":this.hasError,"pkt-inputwrapper--disabled":this.disabled,"pkt-inputwrapper--inline":this.inline},i={"pkt-tag":!0,"pkt-tag--small":!0,"pkt-tag--thin-text":!0,"pkt-tag--blue-light":this.optionalTag,"pkt-tag--beige":!this.optionalTag&&this.requiredTag},o=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:t.E,s=()=>this.optionalTag||this.requiredTag?t.x`<span class=${c.e(i)}
+"use strict";const t=require("./element-BSypUpzA.cjs"),b=require("./pkt-slot-controller-Da-RgXfS.cjs"),a=require("./ref-BvbyvXRH.cjs"),y=require("./icon-BnKGwYjj.cjs"),c=require("./class-map-DCyaICmy.cjs"),f=require("./state-B5KCNjEd.cjs"),$=require("./stringutils-CkVRq4jP.cjs"),p=require("./input-wrapper-EoSAbU-U.cjs");require("./helptext-bMgnhZ1R.cjs");var I=Object.defineProperty,P=Object.getOwnPropertyDescriptor,e=(u,r,i,o)=>{for(var s=o>1?void 0:o?P(r,i):r,n=u.length-1,l;n>=0;n--)(l=u[n])&&(s=(o?l(r,i,s):l(s))||s);return o&&s&&I(r,i,s),s};exports.PktInputWrapper=class extends t.PktElement{constructor(){super(),this.defaultSlot=a.e(),this.helptextSlot=a.e(),this.hasHelptextSlot=!0,this.forId=$.uuidish(),this.label="",this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=p.specs.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition="bottom",this.optionalTag=p.specs.props.optionalTag.default,this.optionalText=p.specs.props.optionalText.default,this.requiredTag=p.specs.props.requiredTag.default,this.requiredText=p.specs.props.requiredText.default,this.hasError=p.specs.props.hasError.default,this.errorMessage="",this.disabled=p.specs.props.disabled.default,this.inline=p.specs.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=p.specs.props.hasFieldset.default,this.useWrapper=p.specs.props.useWrapper.default,this.role="group",this.slotController=new b.PktSlotController(this,this.defaultSlot,this.helptextSlot)}updateSlots(r){this.hasHelptextSlot=r.has("helptext"),this.requestUpdate()}updated(r){super.updated(r)}render(){const r={"pkt-inputwrapper":!0,"pkt-inputwrapper--error":this.hasError,"pkt-inputwrapper--disabled":this.disabled,"pkt-inputwrapper--inline":this.inline},i={"pkt-tag":!0,"pkt-tag--small":!0,"pkt-tag--thin-text":!0,"pkt-tag--blue-light":this.optionalTag,"pkt-tag--beige":!this.optionalTag&&this.requiredTag},o=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:t.E,s=()=>this.optionalTag||this.requiredTag?t.x`<span class=${c.e(i)}
           >${this.optionalTag?this.optionalText:this.requiredTag?this.requiredText:t.E}</span
         >`:t.E,n=()=>this.useWrapper?this.hasFieldset?t.x`<legend
             class="pkt-inputwrapper__legend"

package/dist/{input-wrapper-CeeNYbDA.js → input-wrapper-BdeoMGnk.js}

@@ -1,12 +1,12 @@
 import { P as m, E as s, x as p, n as r, a as k } from "./element-DjjF_tEh.js";
-import { P as v } from "./pkt-slot-controller-DFrc5O93.js";
+import { P as v } from "./pkt-slot-controller-DtDaD9q_.js";
 import { e as f, n as g } from "./ref-iIffqQAI.js";
 import { o as w } from "./icon-Beoxup8E.js";
 import { e as b } from "./class-map-KyMqi0fa.js";
 import { r as S } from "./state-BtbpSrdV.js";
 import { u as T } from "./stringutils-DJjRa8dG.js";
 import { s as i } from "./input-wrapper-8iKEzDRZ.js";
-import "./helptext-BLHAJ1aC.js";
+import "./helptext-DcSUjjEq.js";
 var E = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, e = (o, h, a, n) => {
   for (var l = n > 1 ? void 0 : n ? _(h, a) : h, u = o.length - 1, d; u >= 0; u--)
     (d = o[u]) && (l = (n ? d(h, a, l) : d(l)) || l);

package/dist/{link-BYI8VNGd.js → link-B748tCGi.js}

@@ -1,5 +1,5 @@
 import { P as f, E as u, x as h, n as i, a as k } from "./element-DjjF_tEh.js";
-import { P as m } from "./pkt-slot-controller-DFrc5O93.js";
+import { P as m } from "./pkt-slot-controller-DtDaD9q_.js";
 import { e as d, n as P } from "./ref-iIffqQAI.js";
 import { e as g } from "./class-map-KyMqi0fa.js";
 import "./icon-Beoxup8E.js";

package/dist/{link-CnibgS3c.cjs → link-BrDbM3GT.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-BSypUpzA.cjs"),k=require("./pkt-slot-controller-plQxXRvV.cjs"),p=require("./ref-BvbyvXRH.cjs"),h=require("./class-map-DCyaICmy.cjs");require("./icon-BnKGwYjj.cjs");const f={href:{default:"#"},target:{default:"_self"},external:{default:!1}},a={props:f};var u=Object.defineProperty,P=Object.getOwnPropertyDescriptor,n=(o,i,s,r)=>{for(var e=r>1?void 0:r?P(i,s):i,l=o.length-1,c;l>=0;l--)(c=o[l])&&(e=(r?c(i,s,e):c(e))||e);return r&&e&&u(i,s,e),e};exports.PktLink=class extends t.PktElement{constructor(){super(),this.defaultSlot=p.e(),this.href=a.props.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=a.props.external.default,this.target=a.props.target.default,this.slotController=new k.PktSlotController(this,this.defaultSlot)}render(){const i={"pkt-link":!0,"pkt-link--icon-left":!!this.iconName&&this.iconPosition==="left"||!!(this.iconName&&!this.iconPosition),"pkt-link--icon-right":!!this.iconName&&this.iconPosition==="right","pkt-link--external":this.external};return t.x`<a
+"use strict";const t=require("./element-BSypUpzA.cjs"),k=require("./pkt-slot-controller-Da-RgXfS.cjs"),p=require("./ref-BvbyvXRH.cjs"),h=require("./class-map-DCyaICmy.cjs");require("./icon-BnKGwYjj.cjs");const f={href:{default:"#"},target:{default:"_self"},external:{default:!1}},a={props:f};var u=Object.defineProperty,P=Object.getOwnPropertyDescriptor,n=(o,i,s,r)=>{for(var e=r>1?void 0:r?P(i,s):i,l=o.length-1,c;l>=0;l--)(c=o[l])&&(e=(r?c(i,s,e):c(e))||e);return r&&e&&u(i,s,e),e};exports.PktLink=class extends t.PktElement{constructor(){super(),this.defaultSlot=p.e(),this.href=a.props.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=a.props.external.default,this.target=a.props.target.default,this.slotController=new k.PktSlotController(this,this.defaultSlot)}render(){const i={"pkt-link":!0,"pkt-link--icon-left":!!this.iconName&&this.iconPosition==="left"||!!(this.iconName&&!this.iconPosition),"pkt-link--icon-right":!!this.iconName&&this.iconPosition==="right","pkt-link--external":this.external};return t.x`<a
       class=${h.e(i)}
       href=${this.href}
       @click=${this.handleClick}