@oslokommune/punkt-react 13.5.0 → 13.5.2

package/dist/punkt-react.es.js

@@ -115,10 +115,10 @@ function rW() {
       {
         var pt = te.ReactDebugCurrentFrame, zt = pt.getStackAddendum();
         zt !== "" && (Me += "%s", nt = nt.concat([zt]));
-        var $t = nt.map(function(Gt) {
+        var Bt = nt.map(function(Gt) {
           return String(Gt);
         });
-        $t.unshift("Warning: " + Me), Function.prototype.apply.call(console[ee], console, $t);
+        Bt.unshift("Warning: " + Me), Function.prototype.apply.call(console[ee], console, Bt);
       }
     }
     var W = !1, Y = !1, J = !1, ne = !1, he = !1, le;
@@ -175,9 +175,9 @@ function rW() {
             var pt = ee.displayName || null;
             return pt !== null ? pt : Fe(ee.type) || "Memo";
           case N: {
-            var zt = ee, $t = zt._payload, Gt = zt._init;
+            var zt = ee, Bt = zt._payload, Gt = zt._init;
             try {
-              return Fe(Gt($t));
+              return Fe(Gt(Bt));
             } catch {
               return null;
             }
@@ -278,8 +278,8 @@ function rW() {
       xt = !0;
       var zt = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var $t;
-      $t = lt.current, lt.current = null, Qe();
+      var Bt;
+      Bt = lt.current, lt.current = null, Qe();
       try {
         if (Me) {
           var Gt = function() {
@@ -332,7 +332,7 @@ function rW() {
             }
         }
       } finally {
-        xt = !1, lt.current = $t, mt(), Error.prepareStackTrace = zt;
+        xt = !1, lt.current = Bt, mt(), Error.prepareStackTrace = zt;
       }
       var Ki = ee ? ee.displayName || ee.name : "", kr = Ki ? ft(Ki) : "";
       return typeof ee == "function" && en.set(ee, kr), kr;
@@ -364,9 +364,9 @@ function rW() {
           case x:
             return Vn(ee.type, Me, nt);
           case N: {
-            var pt = ee, zt = pt._payload, $t = pt._init;
+            var pt = ee, zt = pt._payload, Bt = pt._init;
             try {
-              return Vn($t(zt), Me, nt);
+              return Vn(Bt(zt), Me, nt);
             } catch {
             }
           }
@@ -383,9 +383,9 @@ function rW() {
     }
     function Er(ee, Me, nt, pt, zt) {
       {
-        var $t = Function.call.bind(kn);
+        var Bt = Function.call.bind(kn);
         for (var Gt in ee)
-          if ($t(ee, Gt)) {
+          if (Bt(ee, Gt)) {
             var tn = void 0;
             try {
               if (typeof ee[Gt] != "function") {
@@ -471,7 +471,7 @@ function rW() {
         });
       }
     }
-    var Dr = function(ee, Me, nt, pt, zt, $t, Gt) {
+    var Dr = function(ee, Me, nt, pt, zt, Bt, Gt) {
       var tn = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -481,7 +481,7 @@ function rW() {
         ref: nt,
         props: Gt,
         // Record the component responsible for creating this element.
-        _owner: $t
+        _owner: Bt
       };
       return tn._store = {}, Object.defineProperty(tn._store, "validated", {
         configurable: !1,
@@ -502,14 +502,14 @@ function rW() {
     };
     function bn(ee, Me, nt, pt, zt) {
       {
-        var $t, Gt = {}, tn = null, Sr = null;
+        var Bt, Gt = {}, tn = null, Sr = null;
         nt !== void 0 && (ae(nt), tn = "" + nt), Dt(Me) && (ae(Me.key), tn = "" + Me.key), Ze(Me) && (Sr = Me.ref, jt(Me, zt));
-        for ($t in Me)
-          kn.call(Me, $t) && !$e.hasOwnProperty($t) && (Gt[$t] = Me[$t]);
+        for (Bt in Me)
+          kn.call(Me, Bt) && !$e.hasOwnProperty(Bt) && (Gt[Bt] = Me[Bt]);
         if (ee && ee.defaultProps) {
           var Zn = ee.defaultProps;
-          for ($t in Zn)
-            Gt[$t] === void 0 && (Gt[$t] = Zn[$t]);
+          for (Bt in Zn)
+            Gt[Bt] === void 0 && (Gt[Bt] = Zn[Bt]);
         }
         if (tn || Sr) {
           var Jn = typeof ee == "function" ? ee.displayName || ee.name || "Unknown" : ee;
@@ -586,7 +586,7 @@ Check the top-level render call using <` + nt + ">.");
         else if (ee) {
           var zt = $(ee);
           if (typeof zt == "function" && zt !== ee.entries)
-            for (var $t = zt.call(ee), Gt; !(Gt = $t.next()).done; )
+            for (var Bt = zt.call(ee), Gt; !(Gt = Bt.next()).done; )
               ha(Gt.value) && Is(Gt.value, Me);
         }
       }
@@ -629,7 +629,7 @@ Check the top-level render call using <` + nt + ">.");
       }
     }
     var _a = {};
-    function na(ee, Me, nt, pt, zt, $t) {
+    function na(ee, Me, nt, pt, zt, Bt) {
       {
         var Gt = Ae(ee);
         if (!Gt) {
@@ -640,7 +640,7 @@ Check the top-level render call using <` + nt + ">.");
           var Zn;
           ee === null ? Zn = "null" : ln(ee) ? Zn = "array" : ee !== void 0 && ee.$$typeof === t ? (Zn = "<" + (Fe(ee.type) || "Unknown") + " />", tn = " Did you accidentally export a JSX literal instead of a component?") : Zn = typeof ee, U("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Zn, tn);
         }
-        var Jn = bn(ee, Me, nt, zt, $t);
+        var Jn = bn(ee, Me, nt, zt, Bt);
         if (Jn == null)
           return Jn;
         if (Gt) {
@@ -2254,7 +2254,7 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
         }
         return Q.useContext(F);
       }
-      function $t(F) {
+      function Bt(F) {
         var Q = pt();
         return Q.useState(F);
       }
@@ -2795,7 +2795,7 @@ Check the top-level render call using <` + ve + ">.");
         toArray: Is,
         only: Yi
       };
-      t.Children = to, t.Component = Qe, t.Fragment = d, t.Profiler = y, t.PureComponent = xt, t.StrictMode = f, t.Suspense = x, t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Je, t.act = Co, t.cloneElement = _u, t.createContext = wi, t.createElement = Cl, t.createFactory = Cu, t.createRef = Ht, t.forwardRef = ko, t.isValidElement = Dn, t.lazy = So, t.memo = nt, t.startTransition = Su, t.unstable_act = Co, t.useCallback = Fr, t.useContext = zt, t.useDebugValue = Tt, t.useDeferredValue = Xi, t.useEffect = Sr, t.useId = Os, t.useImperativeHandle = kr, t.useInsertionEffect = Zn, t.useLayoutEffect = Jn, t.useMemo = Ki, t.useReducer = Gt, t.useRef = tn, t.useState = $t, t.useSyncExternalStore = yl, t.useTransition = Xt, t.version = a, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+      t.Children = to, t.Component = Qe, t.Fragment = d, t.Profiler = y, t.PureComponent = xt, t.StrictMode = f, t.Suspense = x, t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Je, t.act = Co, t.cloneElement = _u, t.createContext = wi, t.createElement = Cl, t.createFactory = Cu, t.createRef = Ht, t.forwardRef = ko, t.isValidElement = Dn, t.lazy = So, t.memo = nt, t.startTransition = Su, t.unstable_act = Co, t.useCallback = Fr, t.useContext = zt, t.useDebugValue = Tt, t.useDeferredValue = Xi, t.useEffect = Sr, t.useId = Os, t.useImperativeHandle = kr, t.useInsertionEffect = Zn, t.useLayoutEffect = Jn, t.useMemo = Ki, t.useReducer = Gt, t.useRef = tn, t.useState = Bt, t.useSyncExternalStore = yl, t.useTransition = Xt, t.version = a, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
     }();
   }(bS, bS.exports)), bS.exports;
 }
@@ -3930,7 +3930,7 @@ function OW() {
     }
     return s.tag === 3 ? p : null;
   }
-  function $t(i) {
+  function Bt(i) {
     if (i.tag === 13) {
       var s = i.memoizedState;
       if (s === null && (i = i.alternate, i !== null && (s = i.memoizedState)), s !== null) return s.dehydrated;
@@ -4214,7 +4214,7 @@ function OW() {
       var p = zt(s);
       if (p !== null) {
         if (s = p.tag, s === 13) {
-          if (s = $t(p), s !== null) {
+          if (s = Bt(p), s !== null) {
             i.blockedOn = s, _l(i.priority, function() {
               _o(p);
             });
@@ -4302,7 +4302,7 @@ function OW() {
   function _u(i, s, p, b) {
     if (Cl = null, i = gr(b), i = Ml(i), i !== null) if (s = zt(i), s === null) i = null;
     else if (p = s.tag, p === 13) {
-      if (i = $t(s), i !== null) return i;
+      if (i = Bt(s), i !== null) return i;
       i = null;
     } else if (p === 3) {
       if (s.stateNode.current.memoizedState.isDehydrated) return s.tag === 3 ? s.stateNode.containerInfo : null;
@@ -9037,7 +9037,7 @@ function LW() {
         }
       }
     }
-    var _a = Symbol.for("react.element"), na = Symbol.for("react.portal"), Eo = Symbol.for("react.fragment"), _i = Symbol.for("react.strict_mode"), So = Symbol.for("react.profiler"), ko = Symbol.for("react.provider"), ee = Symbol.for("react.context"), Me = Symbol.for("react.forward_ref"), nt = Symbol.for("react.suspense"), pt = Symbol.for("react.suspense_list"), zt = Symbol.for("react.memo"), $t = Symbol.for("react.lazy"), Gt = Symbol.for("react.scope"), tn = Symbol.for("react.debug_trace_mode"), Sr = Symbol.for("react.offscreen"), Zn = Symbol.for("react.legacy_hidden"), Jn = Symbol.for("react.cache"), Fr = Symbol.for("react.tracing_marker"), Ki = Symbol.iterator, kr = "@@iterator";
+    var _a = Symbol.for("react.element"), na = Symbol.for("react.portal"), Eo = Symbol.for("react.fragment"), _i = Symbol.for("react.strict_mode"), So = Symbol.for("react.profiler"), ko = Symbol.for("react.provider"), ee = Symbol.for("react.context"), Me = Symbol.for("react.forward_ref"), nt = Symbol.for("react.suspense"), pt = Symbol.for("react.suspense_list"), zt = Symbol.for("react.memo"), Bt = Symbol.for("react.lazy"), Gt = Symbol.for("react.scope"), tn = Symbol.for("react.debug_trace_mode"), Sr = Symbol.for("react.offscreen"), Zn = Symbol.for("react.legacy_hidden"), Jn = Symbol.for("react.cache"), Fr = Symbol.for("react.tracing_marker"), Ki = Symbol.iterator, kr = "@@iterator";
     function Tt(n) {
       if (n === null || typeof n != "object")
         return null;
@@ -9225,7 +9225,7 @@ function LW() {
             return vu(n.render);
           case zt:
             return ai(n.type, r, l);
-          case $t: {
+          case Bt: {
             var c = n, g = c._payload, v = c._init;
             try {
               return ai(v(g), r, l);
@@ -9314,7 +9314,7 @@ Error generating stack: ` + c.message + `
           case zt:
             var c = n.displayName || null;
             return c !== null ? c : vn(n.type) || "Memo";
-          case $t: {
+          case Bt: {
             var g = n, v = g._payload, w = g._init;
             try {
               return vn(w(v));
@@ -14997,7 +14997,7 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
         // We need to do this after the Hot Reloading check above,
         // because hot reloading has different semantics than prod because
         // it doesn't resuspend. So we can't let the call below suspend.
-        typeof dt == "object" && dt !== null && dt.$$typeof === $t && e2(dt) === De.type)) {
+        typeof dt == "object" && dt !== null && dt.$$typeof === Bt && e2(dt) === De.type)) {
           var st = g(De, ge.props);
           return st.ref = Cb(fe, De, ge), st.return = fe, st._debugSource = ge._source, st._debugOwner = ge._owner, st;
         }
@@ -15037,7 +15037,7 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
               var st = J_(De, fe.mode, ge);
               return st.return = fe, st;
             }
-            case $t: {
+            case Bt: {
               var Pt = De._payload, Kt = De._init;
               return se(fe, Kt(Pt), ge);
             }
@@ -15060,7 +15060,7 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
               return ge.key === dt ? I(fe, De, ge, Ge) : null;
             case na:
               return ge.key === dt ? B(fe, De, ge, Ge) : null;
-            case $t: {
+            case Bt: {
               var st = ge._payload, Pt = ge._init;
               return ie(fe, De, Pt(st), Ge);
             }
@@ -15086,7 +15086,7 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
               var Kt = fe.get(Ge.key === null ? ge : Ge.key) || null;
               return B(De, Kt, Ge, dt);
             }
-            case $t:
+            case Bt:
               var nr = Ge._payload, Mn = Ge._init;
               return me(fe, De, ge, Mn(nr), dt);
           }
@@ -15119,7 +15119,7 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
               }
               f("Encountered two children with the same key, `%s`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.", Ge);
               break;
-            case $t:
+            case Bt:
               var dt = fe._payload, st = fe._init;
               Ee(st(dt), De, ge);
               break;
@@ -15252,7 +15252,7 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
             // We need to do this after the Hot Reloading check above,
             // because hot reloading has different semantics than prod because
             // it doesn't resuspend. So we can't let the call below suspend.
-            typeof Pt == "object" && Pt !== null && Pt.$$typeof === $t && e2(Pt) === st.type) {
+            typeof Pt == "object" && Pt !== null && Pt.$$typeof === Bt && e2(Pt) === st.type) {
               l(fe, st.sibling);
               var nr = g(st, ge.props);
               return nr.ref = Cb(fe, st, ge), nr.return = fe, nr._debugSource = ge._source, nr._debugOwner = ge._owner, nr;
@@ -15297,7 +15297,7 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
               return w(Lt(fe, De, ge, Ge));
             case na:
               return w(fn(fe, De, ge, Ge));
-            case $t:
+            case Bt:
               var st = ge._payload, Pt = ge._init;
               return un(fe, De, Pt(st), Ge);
           }
@@ -17608,7 +17608,7 @@ Visit https://reactjs.org/link/error-boundaries to learn more about error bounda
     function nI(n, r, l, c, g) {
       if (r.type !== r.elementType) {
         var v = r.elementType;
-        if (v.$$typeof === $t) {
+        if (v.$$typeof === Bt) {
           var w = v, A = w._payload, I = w._init;
           try {
             v = I(A);
@@ -17880,7 +17880,7 @@ Visit https://reactjs.org/link/error-boundaries to learn more about error bounda
         }
       }
       var me = "";
-      throw I !== null && typeof I == "object" && I.$$typeof === $t && (me = " Did you wrap a component in React.lazy() more than once?"), new Error("Element type is invalid. Received a promise that resolves to: " + I + ". " + ("Lazy element type must resolve to a class or function." + me));
+      throw I !== null && typeof I == "object" && I.$$typeof === Bt && (me = " Did you wrap a component in React.lazy() more than once?"), new Error("Element type is invalid. Received a promise that resolves to: " + I + ". " + ("Lazy element type must resolve to a class or function." + me));
     }
     function pH(n, r, l, c, g) {
       zE(n, r), r.tag = _;
@@ -20901,16 +20901,16 @@ This ensures that you're testing the behavior the user would see in the browser.
             break;
           }
           case E: {
-            (typeof c == "function" || v === $t) && (g = !0);
+            (typeof c == "function" || v === Bt) && (g = !0);
             break;
           }
           case z: {
-            (v === Me || v === $t) && (g = !0);
+            (v === Me || v === Bt) && (g = !0);
             break;
           }
           case J:
           case ne: {
-            (v === zt || v === $t) && (g = !0);
+            (v === zt || v === Bt) && (g = !0);
             break;
           }
           default:
@@ -21159,7 +21159,7 @@ This ensures that you're testing the behavior the user would see in the browser.
                 case zt:
                   w = J;
                   break e;
-                case $t:
+                case Bt:
                   w = he, A = null;
                   break e;
               }
@@ -22360,7 +22360,7 @@ ph = Bv([
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Bt = (e) => e ?? Ke;
+const $t = (e) => e ?? Ke;
 var tV = Object.defineProperty, nV = Object.getOwnPropertyDescriptor, Zo = (e, t, a, o) => {
   for (var u = o > 1 ? void 0 : o ? nV(t, a) : t, d = e.length - 1, f; d >= 0; d--)
     (f = e[d]) && (u = (o ? f(t, a, u) : f(u)) || u);
@@ -22410,14 +22410,14 @@ let bo = class extends ka {
         class=${Jt(a)}
         type=${this.type}
         ?disabled=${!!this.disabled}
-        aria-busy=${Bt(this.isLoading ? "true" : void 0)}
-        aria-disabled=${Bt(this.disabled || this.isLoading ? "true" : void 0)}
-        form=${Bt(t)}
+        aria-busy=${$t(this.isLoading ? "true" : void 0)}
+        aria-disabled=${$t(this.disabled || this.isLoading ? "true" : void 0)}
+        form=${$t(t)}
       >
         ${this.isLoading ? ke`<pkt-icon
               class="pkt-btn__icon pkt-btn__spinner"
               name="spinner-blue"
-              path=${Bt(this.loadingAnimationPath)}
+              path=${$t(this.loadingAnimationPath)}
             ></pkt-icon>` : Ke}
         ${this.variant !== "label-only" ? ke`<pkt-icon class="pkt-btn__icon pkt-icon" name=${this.iconName}></pkt-icon>` : Ke}
         <span class="pkt-btn__text" ${dn(this.defaultSlot)}></span>
@@ -22670,7 +22670,7 @@ let Dp = class extends ka {
         id=${this.id}
         ?open=${this.isOpen}
         ${dn(this.accordionItemRef)}
-        name=${Bt(this.name)}
+        name=${$t(this.name)}
       >
         <summary class="pkt-accordion-item__title" id=${`pkt-accordion-item-summary-${this.id}`}>
           ${this.title}
@@ -22730,7 +22730,7 @@ let cm = class extends ka {
       class="pkt-back-link"
       aria-label=${this.ariaLabel || "Gå tilbake til forrige side"}
     >
-      <a href=${Bt(this.href || "/")} class="pkt-link pkt-link--icon-left"
+      <a href=${$t(this.href || "/")} class="pkt-link pkt-link--icon-left"
         ><pkt-icon
           class="pkt-back-link__icon pkt-icon pkt-link__icon"
           name="chevron-thin-left"
@@ -24751,8 +24751,8 @@ let fl = class extends ka {
           class=${Jt(a)}
           type=${this.type}
           @click=${this.close}
-          aria-label=${Bt(this.ariaLabel || void 0)}
-          aria-description=${Bt(this._ariaDescription || void 0)}
+          aria-label=${$t(this.ariaLabel || void 0)}
+          aria-description=${$t(this._ariaDescription || void 0)}
         >
           ${this.iconName && ke`<pkt-icon class="pkt-tag__icon" name=${this.iconName}></pkt-icon>`}
           <span ${dn(this.defaultSlot)}></span>
@@ -24809,7 +24809,7 @@ let fh = class extends zS {
     super.connectedCallback(), this.setAttribute("role", "heading"), this.setAttribute("aria-level", String(this.level)), this.updateHostClasses();
   }
   attributeChangedCallback(t, a, o) {
-    super.attributeChangedCallback(t, a, o), t === "level" && o && this.setLevel(Number(o)), (t === "size" || t === "visuallyHidden" || t === "align") && this.updateHostClasses();
+    super.attributeChangedCallback(t, a, o), t === "level" && o && this.setLevel(Number(o)), t === "visuallyHidden" && (this.visuallyHidden = o !== null && o !== "false"), (t === "size" || t === "visuallyHidden" || t === "align") && this.updateHostClasses();
   }
   updated(t) {
     super.updated(t), t.has("level") && this.setLevel(this.level), (t.has("size") || t.has("visuallyHidden") || t.has("align")) && this.updateHostClasses();
@@ -24902,7 +24902,7 @@ let ja = class extends ka {
     return ke`
       <article
         class=${Jt(o)}
-        aria-label=${Bt(this.clickCardLink ? u : d)}
+        aria-label=${$t(this.clickCardLink ? u : d)}
       >
         ${this.renderImage()}
         <div class="pkt-card__wrapper">
@@ -25001,8 +25001,8 @@ let ja = class extends ka {
                     role="listitem"
                     textStyle="normal-text"
                     size="medium"
-                    skin=${Bt(a.skin)}
-                    iconName=${Bt(a.iconName)}
+                    skin=${$t(a.skin)}
+                    iconName=${$t(a.iconName)}
                   >
                     <span>${a.text}</span>
                   </pkt-tag>
@@ -26043,7 +26043,7 @@ let Or = class extends ka {
           ${this.label}
         </label>`, f = () => ke`
         <pkt-helptext
-          class="${Bt(this.useWrapper ? void 0 : "pkt-hide")}"
+          class="${$t(this.useWrapper ? void 0 : "pkt-hide")}"
           .forId=${this.forId}
           .helptext=${this.helptext}
           .helptextDropdown=${this.helptextDropdown}
@@ -26197,7 +26197,7 @@ let yi = class extends ka {
       "pkt-txt-16-light": !0
     })}
         role="listbox"
-        aria-label=${Bt(this.label)}
+        aria-label=${$t(this.label)}
       >
         <div class="pkt-listbox__banners">
           ${this.renderMaximumReachedBanner()} ${this.renderUserMessage()}
@@ -26592,8 +26592,8 @@ let Yr = class extends cn {
       <pkt-input-wrapper
         .label=${this.label}
         .helptext=${this.helptext}
-        .helptextDropdown=${Bt(this.helptextDropdown)}
-        .helptextDropdownButton=${Bt(this.helptextDropdownButton)}
+        .helptextDropdown=${$t(this.helptextDropdown)}
+        .helptextDropdownButton=${$t(this.helptextDropdownButton)}
         ?fullwidth=${this.fullwidth}
         ?hasError=${this.hasError}
         ?inline=${this.inline}
@@ -26660,7 +26660,7 @@ let Yr = class extends cn {
             ?isMultiSelect=${this.multiple}
             ?allowUserInput=${this.allowUserInput && !this._maxIsReached}
             ?maxIsReached=${this._maxIsReached}
-            .customUserInput=${Bt(this._addValueText)}
+            .customUserInput=${$t(this._addValueText)}
             .userMessage=${this._userInfoMessage}
             @search=${this.handleSearch}
             @option-toggle=${this.handleOptionToggled}
@@ -26691,11 +26691,11 @@ let Yr = class extends cn {
               @blur=${this.handleBlur}
               autocomplete="off"
               role="combobox"
-              aria-label=${Bt(this.label)}
+              aria-label=${$t(this.label)}
               aria-autocomplete=${this.typeahead ? "both" : "list"}
               aria-controls="${this.id}-listbox"
-              aria-multiselectable=${Bt(this.multiple ? "true" : void 0)}
-              aria-activedescendant=${Bt(
+              aria-multiselectable=${$t(this.multiple ? "true" : void 0)}
+              aria-activedescendant=${$t(
       this._value[0] && this.findValueInOptions(this._value[0]) ? `${this.id}-listbox-${this.findIndexInOptions(this._value[0])}` : void 0
     )}
               ${dn(this.inputRef)}
@@ -27426,9 +27426,9 @@ let ta = class extends cn {
         .type=${this.inputType}
         id="${this.id}-input"
         .value=${this._value[0] ?? ""}
-        min=${Bt(this.min)}
-        max=${Bt(this.max)}
-        placeholder=${Bt(this.placeholder)}
+        min=${$t(this.min)}
+        max=${$t(this.max)}
+        placeholder=${$t(this.placeholder)}
         ?readonly=${this.readonly}
         aria-describedby="${this.id}-helptext"
         @click=${(e) => {
@@ -27471,9 +27471,9 @@ let ta = class extends cn {
         .type=${this.inputType}
         id="${this.id}-input"
         .value=${this._value[0] ?? ""}
-        min=${Bt(this.min)}
-        max=${Bt(this.max)}
-        placeholder=${Bt(this.placeholder)}
+        min=${$t(this.min)}
+        max=${$t(this.max)}
+        placeholder=${$t(this.placeholder)}
         ?readonly=${this.readonly}
         ?disabled=${this.disabled}
         @click=${(t) => {
@@ -27515,9 +27515,9 @@ let ta = class extends cn {
         id="${this.id}-to"
         aria-labelledby="${this.id}-to-label"
         .value=${this._value[1] ?? ""}
-        min=${Bt(this.min)}
-        max=${Bt(this.max)}
-        placeholder=${Bt(this.placeholder)}
+        min=${$t(this.min)}
+        max=${$t(this.max)}
+        placeholder=${$t(this.placeholder)}
         ?readonly=${this.readonly}
         ?disabled=${this.disabled}
         @click=${(t) => {
@@ -27567,9 +27567,9 @@ let ta = class extends cn {
         class=${Jt(this.inputClasses)}
         .type=${this.inputType}
         id="${this.id}-input"
-        min=${Bt(this.min)}
-        max=${Bt(this.max)}
-        placeholder=${Bt(this.placeholder)}
+        min=${$t(this.min)}
+        max=${$t(this.max)}
+        placeholder=${$t(this.placeholder)}
         ?readonly=${this.readonly}
         ?disabled=${this.disabled || this.maxlength && this._value.length >= this.maxlength}
         @click=${(e) => {
@@ -27878,7 +27878,7 @@ let vd = class extends ka {
         href=${this.href}
         class=${t}
         target=${this.openInNewTab ? "_blank" : "_self"}
-        rel=${this.openInNewTab ?? "noopener noreferrer"}
+        rel=${$t(this.openInNewTab ? "noopener noreferrer" : void 0)}
       >
         ${this.iconName && ke`<pkt-icon class="pkt-link__icon" name="${this.iconName}" />`}
         ${this.title && ke`<div class=${a}>${this.title}</div>`}
@@ -28541,10 +28541,10 @@ let dm = class extends cn {
         class=${t}
         id=${this.id + "-input"}
         name=${(this.name || this.id) + "-input"}
-        placeholder=${Bt(this.placeholder)}
+        placeholder=${$t(this.placeholder)}
         .value=${D6(this.value)}
-        minlength=${Bt(this.minlength)}
-        maxlength=${Bt(this.maxlength)}
+        minlength=${$t(this.minlength)}
+        maxlength=${$t(this.maxlength)}
         ?readonly=${this.readonly}
         autocomplete=${this.autocomplete}
         aria-labelledby=${a}
@@ -28639,14 +28639,14 @@ let fu = class extends cn {
             type=${this.type}
             name=${(this.name || this.id) + "-input"}
             id=${this.id + "-input"}
-            placeholder=${Bt(this.placeholder)}
+            placeholder=${$t(this.placeholder)}
             aria-labelledby=${o}
             autocomplete=${this.autocomplete || "off"}
-            minlength=${Bt(this.minlength || void 0)}
-            maxlength=${Bt(this.maxlength || void 0)}
-            min=${Bt(this.min || void 0)}
-            max=${Bt(this.max || void 0)}
-            step=${Bt(this.step || void 0)}
+            minlength=${$t(this.minlength || void 0)}
+            maxlength=${$t(this.maxlength || void 0)}
+            min=${$t(this.min || void 0)}
+            max=${$t(this.max || void 0)}
+            step=${$t(this.step || void 0)}
             ?readonly=${this.readonly}
             size=${this.size || Ke}
             .value=${this.value}
@@ -28801,23 +28801,23 @@ let Iv = class extends cn {
         ?optionalTag=${this.optionalTag}
         ?requiredTag=${this.requiredTag}
         ?useWrapper=${this.useWrapper}
-        ariaDescribedBy=${Bt(this.ariaDescribedBy)}
+        ariaDescribedBy=${$t(this.ariaDescribedBy)}
         class="pkt-select"
-        errorMessage=${Bt(this.errorMessage)}
+        errorMessage=${$t(this.errorMessage)}
         forId=${this.id + "-input"}
-        helptext=${Bt(this.helptext)}
-        helptextDropdown=${Bt(this.helptextDropdown)}
-        helptextDropdownButton=${Bt(this.helptextDropdownButton)}
-        label=${Bt(this.label)}
-        optionalText=${Bt(this.optionalText)}
-        requiredText=${Bt(this.requiredText)}
-        tagText=${Bt(this.tagText)}
+        helptext=${$t(this.helptext)}
+        helptextDropdown=${$t(this.helptextDropdown)}
+        helptextDropdownButton=${$t(this.helptextDropdownButton)}
+        label=${$t(this.label)}
+        optionalText=${$t(this.optionalText)}
+        requiredText=${$t(this.requiredText)}
+        tagText=${$t(this.tagText)}
       >
         <select
           class=${t}
           aria-invalid=${this.hasError}
           aria-errormessage=${`${this.id}-error`}
-          aria-labelledby=${Bt(this.ariaLabelledby)}
+          aria-labelledby=${$t(this.ariaLabelledby)}
           ?disabled=${this.disabled}
           id=${this.id + "-input"}
           name=${(this.name || this.id) + "-input"}
@@ -33003,10 +33003,10 @@ Expected it to be ${T}.`;
       return T == null ? void 0 : T.parsers[0];
     }
     var ee = ko, Me = "inline", nt = { area: "none", base: "none", basefont: "none", datalist: "none", head: "none", link: "none", meta: "none", noembed: "none", noframes: "none", param: "block", rp: "none", script: "block", style: "none", template: "inline", title: "none", html: "block", body: "block", address: "block", blockquote: "block", center: "block", dialog: "block", div: "block", figure: "block", figcaption: "block", footer: "block", form: "block", header: "block", hr: "block", legend: "block", listing: "block", main: "block", p: "block", plaintext: "block", pre: "block", search: "block", xmp: "block", slot: "contents", ruby: "ruby", rt: "ruby-text", article: "block", aside: "block", h1: "block", h2: "block", h3: "block", h4: "block", h5: "block", h6: "block", hgroup: "block", nav: "block", section: "block", dir: "block", dd: "block", dl: "block", dt: "block", menu: "block", ol: "block", ul: "block", li: "list-item", table: "table", caption: "table-caption", colgroup: "table-column-group", col: "table-column", thead: "table-header-group", tbody: "table-row-group", tfoot: "table-footer-group", tr: "table-row", td: "table-cell", th: "table-cell", input: "inline-block", button: "inline-block", fieldset: "block", details: "block", summary: "block", marquee: "inline-block", source: "block", track: "block", meter: "inline-block", progress: "inline-block", object: "inline-block", video: "inline-block", audio: "inline-block", select: "inline-block", option: "block", optgroup: "block" }, pt = "normal", zt = { listing: "pre", plaintext: "pre", pre: "pre", xmp: "pre", nobr: "nowrap", table: "initial", textarea: "pre-wrap" };
-    function $t(h) {
+    function Bt(h) {
       return h.type === "element" && !h.hasExplicitNamespace && !["html", "svg"].includes(h.namespace);
     }
-    var Gt = $t, tn = (h) => U(!1, h, /^[\t\f\r ]*\n/gu, ""), Sr = (h) => tn(bn.trimEnd(h)), Zn = (h) => {
+    var Gt = Bt, tn = (h) => U(!1, h, /^[\t\f\r ]*\n/gu, ""), Sr = (h) => tn(bn.trimEnd(h)), Zn = (h) => {
       let m = h, k = bn.getLeadingWhitespace(m);
       k && (m = m.slice(k.length));
       let T = bn.getTrailingWhitespace(m);