@oslokommune/punkt-elements 12.42.11 → 12.42.12

package/dist/heading-BWV1JThP.js

@@ -0,0 +1,58 @@
+import { i as p, x as u, n as d, t as g } from "./lit-element-DcUrSbRH.js";
+var o = Object.defineProperty, c = Object.getOwnPropertyDescriptor, l = (t, i, e, r) => {
+  for (var s = r > 1 ? void 0 : r ? c(i, e) : i, n = t.length - 1, h; n >= 0; n--)
+    (h = t[n]) && (s = (r ? h(i, e, s) : h(s)) || s);
+  return r && s && o(i, e, s), s;
+};
+let a = class extends p {
+  constructor() {
+    super(...arguments), this.size = "medium", this.level = 2, this.visuallyHidden = !1, this.align = "start";
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("role", "heading"), this.setAttribute("aria-level", String(this.level)), this.updateHostClasses();
+  }
+  attributeChangedCallback(t, i, e) {
+    super.attributeChangedCallback(t, i, e), t === "level" && e && this.setLevel(Number(e)), (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();
+  }
+  setLevel(t) {
+    t >= 1 && t <= 6 ? (this.level = t, this.setAttribute("aria-level", String(t))) : console.warn(`Invalid heading level: ${t}. Must be between 1 and 6.`);
+  }
+  updateHostClasses() {
+    this.classList.remove(
+      "pkt-heading",
+      "pkt-heading--xsmall",
+      "pkt-heading--small",
+      "pkt-heading--medium",
+      "pkt-heading--large",
+      "pkt-heading--xlarge",
+      "pkt-sr-only",
+      "pkt-heading--start",
+      "pkt-heading--center",
+      "pkt-heading--end"
+    ), this.classList.add("pkt-heading"), this.size && this.classList.add(`pkt-heading--${this.size}`), this.visuallyHidden && this.classList.add("pkt-sr-only"), this.align && this.classList.add(`pkt-heading--${this.align}`);
+  }
+  render() {
+    return u`<slot></slot>`;
+  }
+};
+l([
+  d({ type: String, reflect: !0 })
+], a.prototype, "size", 2);
+l([
+  d({ type: Number, reflect: !0 })
+], a.prototype, "level", 2);
+l([
+  d({ type: Boolean, reflect: !0 })
+], a.prototype, "visuallyHidden", 2);
+l([
+  d({ type: String, reflect: !0 })
+], a.prototype, "align", 2);
+a = l([
+  g("pkt-heading")
+], a);
+export {
+  a as P
+};

package/dist/heading-C6U6xiqH.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("./lit-element-DHqqtYbj.cjs");var h=Object.defineProperty,p=Object.getOwnPropertyDescriptor,l=(n,t,a,e)=>{for(var s=e>1?void 0:e?p(t,a):t,d=n.length-1,r;d>=0;d--)(r=n[d])&&(s=(e?r(t,a,s):r(s))||s);return e&&s&&h(t,a,s),s};exports.PktHeading=class extends i.i{constructor(){super(...arguments),this.size="medium",this.level=2,this.visuallyHidden=!1,this.align="start"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","heading"),this.setAttribute("aria-level",String(this.level)),this.updateHostClasses()}attributeChangedCallback(t,a,e){super.attributeChangedCallback(t,a,e),t==="level"&&e&&this.setLevel(Number(e)),(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()}setLevel(t){t>=1&&t<=6?(this.level=t,this.setAttribute("aria-level",String(t))):console.warn(`Invalid heading level: ${t}. Must be between 1 and 6.`)}updateHostClasses(){this.classList.remove("pkt-heading","pkt-heading--xsmall","pkt-heading--small","pkt-heading--medium","pkt-heading--large","pkt-heading--xlarge","pkt-sr-only","pkt-heading--start","pkt-heading--center","pkt-heading--end"),this.classList.add("pkt-heading"),this.size&&this.classList.add(`pkt-heading--${this.size}`),this.visuallyHidden&&this.classList.add("pkt-sr-only"),this.align&&this.classList.add(`pkt-heading--${this.align}`)}render(){return i.x`<slot></slot>`}};l([i.n({type:String,reflect:!0})],exports.PktHeading.prototype,"size",2);l([i.n({type:Number,reflect:!0})],exports.PktHeading.prototype,"level",2);l([i.n({type:Boolean,reflect:!0})],exports.PktHeading.prototype,"visuallyHidden",2);l([i.n({type:String,reflect:!0})],exports.PktHeading.prototype,"align",2);exports.PktHeading=l([i.t("pkt-heading")],exports.PktHeading);

package/dist/helptext-BxHMB-XH.cjs

@@ -0,0 +1,24 @@
+"use strict";const a=require("./element-DUJa1sRq.cjs"),e=require("./lit-element-DHqqtYbj.cjs"),x=require("./ref-BMQZJJEo.cjs"),h=require("./icon-RJ9Op-BB.cjs"),u=require("./class-map-dph2jLEp.cjs"),c=require("./state-y-GU-VH8.cjs"),d=require("./stringutils-CkVRq4jP.cjs"),k=require("./input-wrapper-EoSAbU-U.cjs"),w=require("./pkt-slot-controller-BzddBp7z.cjs");var _=Object.defineProperty,f=Object.getOwnPropertyDescriptor,n=(o,p,r,l)=>{for(var t=l>1?void 0:l?f(p,r):p,s=o.length-1,i;s>=0;s--)(i=o[s])&&(t=(l?i(p,r,t):i(t))||t);return l&&t&&_(p,r,t),t};exports.PktHelptext=class extends a.PktElement{constructor(){super(),this.defaultSlot=x.e(),this.forId=d.uuidish(),this.helptext="",this.helptextDropdown="",this.helptextDropdownButton=k.specs.props.helptextDropdownButton.default,this.isHelpTextOpen=!1,this.filledSlots=new Set,this.slotController=new w.PktSlotController(this,this.defaultSlot)}updateSlots(p){this.filledSlots=new Set(p)}render(){const p=()=>{const s=!this.isHelpTextOpen;this.isHelpTextOpen=s,this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!0,detail:{isOpen:s}}))},r=u.e({"pkt-inputwrapper__helptext-container":!0,"pkt-inputwrapper__has-helptext":this.helptext||this.helptextDropdown||this.filledSlots.size>0}),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"
+            @click=${p}
+          >
+            <pkt-icon
+              class="pkt-btn__icon"
+              name="${this.isHelpTextOpen?"chevron-thin-up":"chevron-thin-down"}"
+            ></pkt-icon>
+            <span class="pkt-btn__text">${h.o(this.helptextDropdownButton)}</span>
+          </button>
+          <div
+            class="${u.e({"pkt-inputwrapper__helptext":!0,"pkt-inputwrapper__helptext-expandable-open":this.isHelpTextOpen,"pkt-inputwrapper__helptext-expandable-closed":!this.isHelpTextOpen})}"
+          >
+            ${h.o(this.helptextDropdown)}
+          </div>
+        </div>`:e.E,t=()=>e.x`<div class="${r}">
+        <div class="pkt-inputwrapper__helptext" id="${this.forId}-helptext">
+          <div class="pkt-contents" ${x.n(this.defaultSlot)} name="helptext"></div>
+          ${this.helptext&&h.o(this.helptext)}
+        </div>
+        ${l()}
+      </div>`;return e.x`${t()}`}};n([e.n({type:String,reflect:!0})],exports.PktHelptext.prototype,"forId",2);n([e.n({type:String})],exports.PktHelptext.prototype,"helptext",2);n([e.n({type:String})],exports.PktHelptext.prototype,"helptextDropdown",2);n([e.n({type:String})],exports.PktHelptext.prototype,"helptextDropdownButton",2);n([c.r()],exports.PktHelptext.prototype,"isHelpTextOpen",2);n([c.r()],exports.PktHelptext.prototype,"filledSlots",2);exports.PktHelptext=n([e.t("pkt-helptext")],exports.PktHelptext);

package/dist/{helptext-BG_b6ytC.js → helptext-C7oP6VRp.js}

@@ -1,19 +1,20 @@
-import { P as c, x as a, E as f, n as r, a as w } from "./element-gAd63VwC.js";
-import { e as _, n as m } from "./ref-DnSbnXsj.js";
-import { o as x } from "./icon-CO1TLSs5.js";
-import { e as d } from "./class-map-m7ZCZ49w.js";
-import { r as u } from "./state-BxrO4zNJ.js";
+import { P as c } from "./element-Cfyyg4nF.js";
+import { x as a, E as f, n, t as m } from "./lit-element-DcUrSbRH.js";
+import { e as w, n as _ } from "./ref-DX488m2G.js";
+import { o as x } from "./icon-DPnB79MP.js";
+import { e as d } from "./class-map-DO0E7GkW.js";
+import { r as u } from "./state-P2J1I2ny.js";
 import { u as k } from "./stringutils-DJjRa8dG.js";
 import { s as v } from "./input-wrapper-8iKEzDRZ.js";
 import { P as b } from "./pkt-slot-controller-BPGj-LC5.js";
-var S = Object.defineProperty, D = Object.getOwnPropertyDescriptor, p = (o, s, l, n) => {
-  for (var t = n > 1 ? void 0 : n ? D(s, l) : s, i = o.length - 1, h; i >= 0; i--)
-    (h = o[i]) && (t = (n ? h(s, l, t) : h(t)) || t);
-  return n && t && S(s, l, t), t;
+var S = Object.defineProperty, D = Object.getOwnPropertyDescriptor, p = (o, s, r, l) => {
+  for (var t = l > 1 ? void 0 : l ? D(s, r) : s, i = o.length - 1, h; i >= 0; i--)
+    (h = o[i]) && (t = (l ? h(s, r, t) : h(t)) || t);
+  return l && t && S(s, r, t), t;
 };
 let e = class extends c {
   constructor() {
-    super(), this.defaultSlot = _(), this.forId = k(), this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = v.props.helptextDropdownButton.default, this.isHelpTextOpen = !1, this.filledSlots = /* @__PURE__ */ new Set(), this.slotController = new b(this, this.defaultSlot);
+    super(), this.defaultSlot = w(), this.forId = k(), this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = v.props.helptextDropdownButton.default, this.isHelpTextOpen = !1, this.filledSlots = /* @__PURE__ */ new Set(), this.slotController = new b(this, this.defaultSlot);
   }
   updateSlots(o) {
     this.filledSlots = new Set(o);
@@ -30,7 +31,7 @@ let e = class extends c {
     }, s = d({
       "pkt-inputwrapper__helptext-container": !0,
       "pkt-inputwrapper__has-helptext": this.helptext || this.helptextDropdown || this.filledSlots.size > 0
-    }), l = () => this.helptextDropdown ? a`<div class="pkt-inputwrapper__helptext-expandable">
+    }), r = () => this.helptextDropdown ? a`<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"
@@ -54,24 +55,24 @@ let e = class extends c {
         </div>` : f;
     return a`${a`<div class="${s}">
         <div class="pkt-inputwrapper__helptext" id="${this.forId}-helptext">
-          <div class="pkt-contents" ${m(this.defaultSlot)} name="helptext"></div>
+          <div class="pkt-contents" ${_(this.defaultSlot)} name="helptext"></div>
           ${this.helptext && x(this.helptext)}
         </div>
-        ${l()}
+        ${r()}
       </div>`}`;
   }
 };
 p([
-  r({ type: String, reflect: !0 })
+  n({ type: String, reflect: !0 })
 ], e.prototype, "forId", 2);
 p([
-  r({ type: String })
+  n({ type: String })
 ], e.prototype, "helptext", 2);
 p([
-  r({ type: String })
+  n({ type: String })
 ], e.prototype, "helptextDropdown", 2);
 p([
-  r({ type: String })
+  n({ type: String })
 ], e.prototype, "helptextDropdownButton", 2);
 p([
   u()
@@ -80,7 +81,7 @@ p([
   u()
 ], e.prototype, "filledSlots", 2);
 e = p([
-  w("pkt-helptext")
+  m("pkt-helptext")
 ], e);
 export {
   e as P

package/dist/{icon-CO1TLSs5.js → icon-DPnB79MP.js}

@@ -1,4 +1,5 @@
-import { E as f, T as v, P as m, x as y, n as h, a as P } from "./element-gAd63VwC.js";
+import { P as v } from "./element-Cfyyg4nF.js";
+import { E as f, T as m, x as y, n as p, t as P } from "./lit-element-DcUrSbRH.js";
 import { e as g, i as k, t as _ } from "./directive-oAbCiebi.js";
 /**
  * @license
@@ -11,7 +12,7 @@ class a extends k {
   }
   render(t) {
     if (t === f || t == null) return this._t = void 0, this.it = t;
-    if (t === v) return t;
+    if (t === m) return t;
     if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
     if (t === this.it) return this._t;
     this.it = t;
@@ -20,7 +21,7 @@ class a extends k {
   }
 }
 a.directiveName = "unsafeHTML", a.resultType = 1;
-const x = g(a);
+const F = g(a);
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -31,8 +32,8 @@ class d extends a {
 d.directiveName = "unsafeSVG", d.resultType = 2;
 const w = g(d);
 var I = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (e, t, s, o) => {
-  for (var i = o > 1 ? void 0 : o ? b(t, s) : t, p = e.length - 1, l; p >= 0; p--)
-    (l = e[p]) && (i = (o ? l(t, s, i) : l(i)) || i);
+  for (var i = o > 1 ? void 0 : o ? b(t, s) : t, h = e.length - 1, l; h >= 0; h--)
+    (l = e[h]) && (i = (o ? l(t, s, i) : l(i)) || i);
   return o && i && I(t, s, i), i;
 };
 window.pktFetch = window.pktFetch === void 0 ? fetch : window.pktFetch;
@@ -45,7 +46,7 @@ const C = (e) => new Promise((t) => setTimeout(t, e)), c = '<svg xmlns="http://w
     window.pktFetch(t + e + ".svg").then((o) => o.ok ? o.text() : (console.error("Missing icon: " + t + e + ".svg"), c)).then((o) => (o !== c && localStorage.setItem(t + e + ".svg", o), u[t + e + ".svg"] = "fetched", o))
   )) : Promise.resolve(c);
 };
-let r = class extends m {
+let r = class extends v {
   constructor() {
     super(...arguments), this.path = window.pktIconPath, this.name = "", this.icon = w(c), this._updatedProps = [];
   }
@@ -68,21 +69,21 @@ let r = class extends m {
   }
 };
 n([
-  h({ type: String, reflect: !1 })
+  p({ type: String, reflect: !1 })
 ], r.prototype, "path", 2);
 n([
-  h({ type: String, reflect: !0 })
+  p({ type: String, reflect: !0 })
 ], r.prototype, "name", 2);
 n([
-  h({ type: SVGElement })
+  p({ type: SVGElement })
 ], r.prototype, "icon", 2);
 n([
-  h({ type: Array, noAccessor: !0 })
+  p({ type: Array, noAccessor: !0 })
 ], r.prototype, "_updatedProps", 2);
 r = n([
   P("pkt-icon")
 ], r);
 export {
   r as P,
-  x as o
+  F as o
 };

package/dist/{icon-B1_BRNqf.cjs → icon-RJ9Op-BB.cjs}

@@ -1,9 +1,9 @@
-"use strict";const o=require("./element-90YeMNbV.cjs"),a=require("./directive-C7oCP5Bh.cjs");/**
+"use strict";const f=require("./element-DUJa1sRq.cjs"),o=require("./lit-element-DHqqtYbj.cjs"),a=require("./directive-C7oCP5Bh.cjs");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class h extends a.i{constructor(t){if(super(t),this.it=o.E,t.type!==a.t.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===o.E||t==null)return this._t=void 0,this.it=t;if(t===o.T)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const s=[t];return s.raw=s,this._t={_$litType$:this.constructor.resultType,strings:s,values:[]}}}h.directiveName="unsafeHTML",h.resultType=1;const f=a.e(h);/**
+ */class h extends a.i{constructor(t){if(super(t),this.it=o.E,t.type!==a.t.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===o.E||t==null)return this._t=void 0,this.it=t;if(t===o.T)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const s=[t];return s.raw=s,this._t={_$litType$:this.constructor.resultType,strings:s,values:[]}}}h.directiveName="unsafeHTML",h.resultType=1;const g=a.e(h);/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class d extends h{}d.directiveName="unsafeSVG",d.resultType=2;const w=a.e(d);var g=Object.defineProperty,v=Object.getOwnPropertyDescriptor,r=(e,t,s,n)=>{for(var i=n>1?void 0:n?v(t,s):t,l=e.length-1,p;l>=0;l--)(p=e[l])&&(i=(n?p(t,s,i):p(i))||i);return n&&i&&g(t,s,i),i};window.pktFetch=window.pktFetch===void 0?fetch:window.pktFetch;window.pktIconPath=window.pktIconPath||"https://punkt-cdn.oslo.kommune.no/latest/icons/";const P=e=>new Promise(t=>setTimeout(t,e)),c='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>',u={},k=async(e,t)=>{let s=0;for(;u[t+e+".svg"]==="fetching"&&(s++,!(s>50));)await P(50);return localStorage.getItem(t+e+".svg")?Promise.resolve(localStorage.getItem(t+e+".svg")):typeof window.pktFetch=="function"?(u[t+e+".svg"]="fetching",Promise.resolve(window.pktFetch(t+e+".svg").then(n=>n.ok?n.text():(console.error("Missing icon: "+t+e+".svg"),c)).then(n=>(n!==c&&localStorage.setItem(t+e+".svg",n),u[t+e+".svg"]="fetched",n)))):Promise.resolve(c)};exports.PktIcon=class extends o.PktElement{constructor(){super(...arguments),this.path=window.pktIconPath,this.name="",this.icon=w(c),this._updatedProps=[]}connectedCallback(){super.connectedCallback(),this.classList.add("pkt-icon")}async attributeChangedCallback(t,s,n){super.attributeChangedCallback(t,s,n),(t==="name"||t==="path")&&this.getIcon(this.name)}async updated(t){super.updated(t),(t.has("name")||t.has("path"))&&this.getIcon(this.name)}async getIcon(t=""){this._updatedProps.length>0?(this.path||(this.path,window.pktIconPath),this.icon=w(await k(this.name||"",this.path).then(s=>s)),this._updatedProps=[]):this._updatedProps.includes(t)||this._updatedProps.push(t)}render(){return o.x`${this.name&&this.icon}`}};r([o.n({type:String,reflect:!1})],exports.PktIcon.prototype,"path",2);r([o.n({type:String,reflect:!0})],exports.PktIcon.prototype,"name",2);r([o.n({type:SVGElement})],exports.PktIcon.prototype,"icon",2);r([o.n({type:Array,noAccessor:!0})],exports.PktIcon.prototype,"_updatedProps",2);exports.PktIcon=r([o.t("pkt-icon")],exports.PktIcon);exports.o=f;
+ */class d extends h{}d.directiveName="unsafeSVG",d.resultType=2;const w=a.e(d);var v=Object.defineProperty,P=Object.getOwnPropertyDescriptor,r=(e,t,s,n)=>{for(var i=n>1?void 0:n?P(t,s):t,l=e.length-1,p;l>=0;l--)(p=e[l])&&(i=(n?p(t,s,i):p(i))||i);return n&&i&&v(t,s,i),i};window.pktFetch=window.pktFetch===void 0?fetch:window.pktFetch;window.pktIconPath=window.pktIconPath||"https://punkt-cdn.oslo.kommune.no/latest/icons/";const k=e=>new Promise(t=>setTimeout(t,e)),c='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>',u={},y=async(e,t)=>{let s=0;for(;u[t+e+".svg"]==="fetching"&&(s++,!(s>50));)await k(50);return localStorage.getItem(t+e+".svg")?Promise.resolve(localStorage.getItem(t+e+".svg")):typeof window.pktFetch=="function"?(u[t+e+".svg"]="fetching",Promise.resolve(window.pktFetch(t+e+".svg").then(n=>n.ok?n.text():(console.error("Missing icon: "+t+e+".svg"),c)).then(n=>(n!==c&&localStorage.setItem(t+e+".svg",n),u[t+e+".svg"]="fetched",n)))):Promise.resolve(c)};exports.PktIcon=class extends f.PktElement{constructor(){super(...arguments),this.path=window.pktIconPath,this.name="",this.icon=w(c),this._updatedProps=[]}connectedCallback(){super.connectedCallback(),this.classList.add("pkt-icon")}async attributeChangedCallback(t,s,n){super.attributeChangedCallback(t,s,n),(t==="name"||t==="path")&&this.getIcon(this.name)}async updated(t){super.updated(t),(t.has("name")||t.has("path"))&&this.getIcon(this.name)}async getIcon(t=""){this._updatedProps.length>0?(this.path||(this.path,window.pktIconPath),this.icon=w(await y(this.name||"",this.path).then(s=>s)),this._updatedProps=[]):this._updatedProps.includes(t)||this._updatedProps.push(t)}render(){return o.x`${this.name&&this.icon}`}};r([o.n({type:String,reflect:!1})],exports.PktIcon.prototype,"path",2);r([o.n({type:String,reflect:!0})],exports.PktIcon.prototype,"name",2);r([o.n({type:SVGElement})],exports.PktIcon.prototype,"icon",2);r([o.n({type:Array,noAccessor:!0})],exports.PktIcon.prototype,"_updatedProps",2);exports.PktIcon=r([o.t("pkt-icon")],exports.PktIcon);exports.o=g;

package/dist/if-defined-BQOEcjlp.cjs

@@ -0,0 +1,5 @@
+"use strict";const e=require("./lit-element-DHqqtYbj.cjs");/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const o=t=>t??e.E;exports.o=o;

package/dist/{if-defined-Cj-3Kdsr.js → if-defined-I-IZkUY2.js}

@@ -1,4 +1,4 @@
-import { E as r } from "./element-gAd63VwC.js";
+import { E as r } from "./lit-element-DcUrSbRH.js";
 /**
  * @license
  * Copyright 2018 Google LLC

package/dist/index.d.ts

@@ -201,9 +201,8 @@ export declare interface IPktConsent {
 export declare interface IPktHeading {
     size?: TPktHeadingSize;
     level?: TPktHeadingLevel;
-    spacing?: boolean;
     visuallyHidden?: boolean;
-    textAlign?: 'start' | 'center' | 'end';
+    align?: 'start' | 'center' | 'end';
 }
 
 declare interface IPktLinkCard {
@@ -736,14 +735,16 @@ declare class PktElement<T = {}> extends LitElement {
     constructor();
 }
 
-export declare class PktHeading extends PktElement<IPktHeading> implements IPktHeading {
-    defaultSlot: Ref<HTMLElement>;
-    constructor();
+export declare class PktHeading extends LitElement implements IPktHeading {
     size: TPktHeadingSize;
     level: TPktHeadingLevel;
-    noSpacing: boolean;
     visuallyHidden: boolean;
     align: 'start' | 'center' | 'end';
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    private setLevel;
+    private updateHostClasses;
     render(): TemplateResult<1>;
 }
 

package/dist/input-element-B2JauW-Y.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("./lit-element-DHqqtYbj.cjs"),g=require("./state-y-GU-VH8.cjs"),v=require("./stringutils-CkVRq4jP.cjs"),r=require("./element-DUJa1sRq.cjs"),b=require("./input-wrapper-EoSAbU-U.cjs");var V=Object.defineProperty,s=(u,t,a,h)=>{for(var n=void 0,l=u.length-1,o;l>=0;l--)(o=u[l])&&(n=o(t,a,n)||n);return n&&V(t,a,n),n};class e 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=v.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=b.specs.props.helptextDropdownButton.default,this.label=null,this.optionalText=r.translations.forms.labels.optional,this.requiredText=r.translations.forms.labels.required,this.dataTestid="",this.touched=!1,this.internals=this.attachInternals()}static get formAssociated(){return!0}manageValidity(t){var a,h,n,l,o,p,d,f,c,m,y;t&&(this.required&&!this.value?this.internals.setValidity({valueMissing:!0},r.translations.forms.messages.required,t):(a=t.validity)!=null&&a.typeMismatch||(h=t.validity)!=null&&h.badInput?this.internals.setValidity({typeMismatch:!0},r.translations.forms.messages.invalid,t):(n=t.validity)!=null&&n.patternMismatch?this.internals.setValidity({patternMismatch:!0},r.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},r.translations.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},r.translations.forms.messages.tooLong,t):(p=t.validity)!=null&&p.rangeUnderflow?this.internals.setValidity({rangeUnderflow:!0},this.min?r.translations.forms.messages.rangeUnderflowMin.replace("{min}",(d=this.min)==null?void 0:d.toString()):r.translations.forms.messages.rangeUnderflow,t):(f=t.validity)!=null&&f.stepMismatch?this.internals.setValidity({stepMismatch:!0},r.translations.forms.messages.invalid,t):(c=t.validity)!=null&&c.rangeOverflow?this.internals.setValidity({rangeOverflow:!0},this.max?r.translations.forms.messages.rangeOverflowMax.replace("{max}",(m=this.max)==null?void 0:m.toString()):r.translations.forms.messages.rangeOverflow,t):(y=t.validity)!=null&&y.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(h=>{a.append(this.name,h)}),this.internals.setFormValue(a)}else this.internals.setFormValue(t)}valueChecked(t){if(!this.touched)return;const a=this.internals.form||this.closest("form"),h=a?new FormData(a):null;a&&a.querySelectorAll(`pkt-radiobutton[name="${this.name}"], input[type=radio][name="${this.name}"]`).forEach(n=>{const l=n;l.name===this.name&&l.value!==this.value&&l.checked&&(l.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"),h&&h.append(this.name,this.value||"on"),this.internals.states.add("--checked")):(this.internals.setFormValue(null,null),h&&h.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(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",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("value-change",{detail:t,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(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",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("value-change",{detail:t,bubbles:!0,composed:!0})))}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.form){const a=this.internals.form||this.closest("form");this.form=a}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 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([i.n()],e.prototype,"defaultValue");s([i.n({type:Boolean,reflect:!0})],e.prototype,"disabled");s([i.n({type:Boolean,reflect:!0})],e.prototype,"readonly");s([i.n({type:Boolean,reflect:!0})],e.prototype,"required");s([i.n({type:Number,reflect:!0})],e.prototype,"max");s([i.n({type:Number,reflect:!0})],e.prototype,"maxlength");s([i.n({type:Number,reflect:!0})],e.prototype,"min");s([i.n({type:Number,reflect:!0})],e.prototype,"minlength");s([i.n({type:Number,reflect:!0})],e.prototype,"step");s([i.n({type:String})],e.prototype,"ariaDescribedBy");s([i.n({type:String})],e.prototype,"ariaLabelledby");s([i.n({type:String,reflect:!0})],e.prototype,"name");s([i.n({type:String,reflect:!0})],e.prototype,"pattern");s([i.n({type:String,reflect:!0})],e.prototype,"placeholder");s([i.n({type:String,reflect:!0})],e.prototype,"id");s([i.n({type:Boolean})],e.prototype,"counter");s([i.n({type:Boolean})],e.prototype,"hasError");s([i.n({type:Boolean})],e.prototype,"inline");s([i.n({type:Boolean})],e.prototype,"hasFieldset");s([i.n({type:Boolean})],e.prototype,"optionalTag");s([i.n({type:Boolean})],e.prototype,"requiredTag");s([i.n({type:Boolean})],e.prototype,"skipForwardTestid");s([i.n({type:Boolean,reflect:!1})],e.prototype,"useWrapper");s([i.n({type:Boolean,reflect:!0})],e.prototype,"fullwidth");s([i.n({type:Number})],e.prototype,"counterMaxLength");s([i.n({type:String})],e.prototype,"errorMessage");s([i.n({type:String})],e.prototype,"helptext");s([i.n({type:String})],e.prototype,"helptextDropdown");s([i.n({type:String,reflect:!1})],e.prototype,"helptextDropdownButton");s([i.n({type:String})],e.prototype,"label");s([i.n({type:String,reflect:!1})],e.prototype,"optionalText");s([i.n({type:String,reflect:!1})],e.prototype,"requiredText");s([i.n({type:String,attribute:"data-testid"})],e.prototype,"dataTestid");s([g.r()],e.prototype,"touched");exports.PktInputElement=e;

package/dist/{input-element-BEvaQK4g.js → input-element-CaCDNzdI.js}

@@ -1,15 +1,16 @@
-import { P as g, t as a, n as s } from "./element-gAd63VwC.js";
-import { r as v } from "./state-BxrO4zNJ.js";
-import { u as b } from "./stringutils-DJjRa8dG.js";
+import { n as s } from "./lit-element-DcUrSbRH.js";
+import { r as g } from "./state-P2J1I2ny.js";
+import { u as v } from "./stringutils-DJjRa8dG.js";
+import { P as b, t as a } from "./element-Cfyyg4nF.js";
 import { s as V } from "./input-wrapper-8iKEzDRZ.js";
 var k = Object.defineProperty, e = (u, t, r, n) => {
   for (var l = void 0, h = u.length - 1, o; h >= 0; h--)
     (o = u[h]) && (l = o(t, r, l) || l);
   return l && k(t, r, l), l;
 };
-class i extends g {
+class i extends b {
   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 = b(), 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 = V.props.helptextDropdownButton.default, this.label = null, this.optionalText = a.forms.labels.optional, this.requiredText = a.forms.labels.required, 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 = v(), 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 = V.props.helptextDropdownButton.default, this.label = null, this.optionalText = a.forms.labels.optional, this.requiredText = a.forms.labels.required, this.dataTestid = "", this.touched = !1, this.internals = this.attachInternals();
   }
   static get formAssociated() {
     return !0;
@@ -222,7 +223,7 @@ e([
   s({ type: String, attribute: "data-testid" })
 ], i.prototype, "dataTestid");
 e([
-  v()
+  g()
 ], i.prototype, "touched");
 export {
   i as P

package/dist/{input-wrapper-CC_R5w7V.js → input-wrapper-BDm0DwAW.js}

@@ -1,12 +1,13 @@
-import { P as m, E as l, x as i, n as o, a as k } from "./element-gAd63VwC.js";
-import { P as w } from "./pkt-slot-controller-BPGj-LC5.js";
-import { e as f, n as b } from "./ref-DnSbnXsj.js";
-import { o as v } from "./if-defined-Cj-3Kdsr.js";
-import { o as T } from "./icon-CO1TLSs5.js";
-import { e as g } from "./class-map-m7ZCZ49w.js";
+import { P as x } from "./element-Cfyyg4nF.js";
+import { P as k } from "./pkt-slot-controller-BPGj-LC5.js";
+import { e as f, n as b } from "./ref-DX488m2G.js";
+import { o as w } from "./if-defined-I-IZkUY2.js";
+import { E as l, x as i, n as o, t as v } from "./lit-element-DcUrSbRH.js";
+import { o as T } from "./icon-DPnB79MP.js";
+import { e as g } from "./class-map-DO0E7GkW.js";
 import { u as E } from "./stringutils-DJjRa8dG.js";
 import { s as p } from "./input-wrapper-8iKEzDRZ.js";
-import "./helptext-BG_b6ytC.js";
+import "./helptext-C7oP6VRp.js";
 var _ = Object.defineProperty, S = Object.getOwnPropertyDescriptor, e = (r, h, a, n) => {
   for (var s = n > 1 ? void 0 : n ? S(h, a) : h, d = r.length - 1, u; d >= 0; d--)
     (u = r[d]) && (s = (n ? u(h, a, s) : u(s)) || s);
@@ -20,9 +21,9 @@ const D = {
     return r ? "true" : "false";
   }
 };
-let t = class extends m {
+let t = class extends x {
   constructor() {
-    super(), this.defaultSlot = f(), this.helptextSlot = f(), 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.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 w(this, this.defaultSlot, this.helptextSlot);
+    super(), this.defaultSlot = f(), this.helptextSlot = f(), 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.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(r) {
     super.updated(r);
@@ -63,13 +64,13 @@ let t = class extends m {
           ${this.label}
         </label>`, d = () => i`
         <pkt-helptext
-          class="${v(this.useWrapper ? void 0 : "pkt-hide")}"
+          class="${w(this.useWrapper ? void 0 : "pkt-hide")}"
           .forId=${this.forId}
           .helptext=${this.helptext}
           .helptextDropdown=${this.helptextDropdown}
           .helptextDropdownButton=${this.helptextDropdownButton || p.props.helptextDropdownButton.default}
-          @toggleHelpText=${(x) => {
-      this.toggleDropdown(x);
+          @toggleHelpText=${(m) => {
+      this.toggleDropdown(m);
     }}
           ${b(this.helptextSlot)}
           name="helptext"
@@ -181,7 +182,7 @@ e([
   o({ type: Boolean, reflect: !0, converter: D })
 ], t.prototype, "useWrapper", 2);
 t = e([
-  k("pkt-input-wrapper")
+  v("pkt-input-wrapper")
 ], t);
 export {
   t as P

package/dist/{input-wrapper-Dk0rKRlz.cjs → input-wrapper-DrJgi10C.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-90YeMNbV.cjs"),g=require("./pkt-slot-controller-BzddBp7z.cjs"),u=require("./ref-B-w1vCo8.cjs"),y=require("./if-defined-C8eotHpL.cjs"),x=require("./icon-B1_BRNqf.cjs"),c=require("./class-map-DWDPOqjO.cjs"),$=require("./stringutils-CkVRq4jP.cjs"),o=require("./input-wrapper-EoSAbU-U.cjs");require("./helptext-CC3qLmEz.cjs");var I=Object.defineProperty,P=Object.getOwnPropertyDescriptor,e=(r,p,n,i)=>{for(var s=i>1?void 0:i?P(p,n):p,l=r.length-1,a;l>=0;l--)(a=r[l])&&(s=(i?a(p,n,s):a(s))||s);return i&&s&&I(p,n,s),s};const W={fromAttribute(r){return r==null?!1:r===""||r==="true"||r===!0?!0:r==="false"||r===!1?!1:!!r},toAttribute(r){return r?"true":"false"}};exports.PktInputWrapper=class extends t.PktElement{constructor(){super(),this.defaultSlot=u.e(),this.helptextSlot=u.e(),this.forId=$.uuidish(),this.label="",this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=o.specs.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition="bottom",this.optionalTag=o.specs.props.optionalTag.default,this.optionalText=o.specs.props.optionalText.default,this.requiredTag=o.specs.props.requiredTag.default,this.requiredText=o.specs.props.requiredText.default,this.hasError=o.specs.props.hasError.default,this.errorMessage="",this.disabled=o.specs.props.disabled.default,this.inline=o.specs.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=o.specs.props.hasFieldset.default,this.role="group",this.useWrapper=o.specs.props.useWrapper.default,this.slotController=new g.PktSlotController(this,this.defaultSlot,this.helptextSlot)}updated(p){super.updated(p)}render(){const p={"pkt-inputwrapper":!0,"pkt-inputwrapper--error":this.hasError,"pkt-inputwrapper--disabled":this.disabled,"pkt-inputwrapper--inline":this.inline},n={"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},i=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:t.E,s=()=>this.optionalTag||this.requiredTag?t.x`<span class=${c.e(n)}
+"use strict";const g=require("./element-DUJa1sRq.cjs"),y=require("./pkt-slot-controller-BzddBp7z.cjs"),u=require("./ref-BMQZJJEo.cjs"),x=require("./if-defined-BQOEcjlp.cjs"),t=require("./lit-element-DHqqtYbj.cjs"),$=require("./icon-RJ9Op-BB.cjs"),c=require("./class-map-dph2jLEp.cjs"),I=require("./stringutils-CkVRq4jP.cjs"),o=require("./input-wrapper-EoSAbU-U.cjs");require("./helptext-BxHMB-XH.cjs");var P=Object.defineProperty,W=Object.getOwnPropertyDescriptor,e=(r,p,n,i)=>{for(var s=i>1?void 0:i?W(p,n):p,l=r.length-1,a;l>=0;l--)(a=r[l])&&(s=(i?a(p,n,s):a(s))||s);return i&&s&&P(p,n,s),s};const E={fromAttribute(r){return r==null?!1:r===""||r==="true"||r===!0?!0:r==="false"||r===!1?!1:!!r},toAttribute(r){return r?"true":"false"}};exports.PktInputWrapper=class extends g.PktElement{constructor(){super(),this.defaultSlot=u.e(),this.helptextSlot=u.e(),this.forId=I.uuidish(),this.label="",this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=o.specs.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition="bottom",this.optionalTag=o.specs.props.optionalTag.default,this.optionalText=o.specs.props.optionalText.default,this.requiredTag=o.specs.props.requiredTag.default,this.requiredText=o.specs.props.requiredText.default,this.hasError=o.specs.props.hasError.default,this.errorMessage="",this.disabled=o.specs.props.disabled.default,this.inline=o.specs.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=o.specs.props.hasFieldset.default,this.role="group",this.useWrapper=o.specs.props.useWrapper.default,this.slotController=new y.PktSlotController(this,this.defaultSlot,this.helptextSlot)}updated(p){super.updated(p)}render(){const p={"pkt-inputwrapper":!0,"pkt-inputwrapper--error":this.hasError,"pkt-inputwrapper--disabled":this.disabled,"pkt-inputwrapper--inline":this.inline},n={"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},i=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:t.E,s=()=>this.optionalTag||this.requiredTag?t.x`<span class=${c.e(n)}
           >${this.optionalTag?this.optionalText:this.requiredTag?this.requiredText:t.E}</span
         >`:t.E,l=()=>this.useWrapper?this.hasFieldset?t.x`<legend
             class="pkt-inputwrapper__legend"
@@ -22,7 +22,7 @@
           ${this.label}
         </label>`,a=()=>t.x`
         <pkt-helptext
-          class="${y.o(this.useWrapper?void 0:"pkt-hide")}"
+          class="${x.o(this.useWrapper?void 0:"pkt-hide")}"
           .forId=${this.forId}
           .helptext=${this.helptext}
           .helptextDropdown=${this.helptextDropdown}
@@ -42,7 +42,7 @@
           id="${this.forId}-error"
         >
           <pkt-icon name="alert-error" class="pkt-alert__icon"></pkt-icon>
-          <div class="pkt-alert__text">${x.o(this.errorMessage)}</div>
+          <div class="pkt-alert__text">${$.o(this.errorMessage)}</div>
         </div>`:t.E,d=()=>t.x`
         ${l()} ${a()}
         ${this.counterPosition==="top"?h():t.E}
@@ -50,4 +50,4 @@
         ${this.counterPosition==="bottom"?h():t.E} ${f()}
       `,k=()=>this.hasFieldset?t.x`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${i}">
             ${d()}
-          </fieldset>`:t.x`<div class="pkt-inputwrapper__fieldset">${d()}</div>`;return t.x`<div class=${c.e(p)}>${k()}</div> `}toggleDropdown(p){this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!1,detail:{isOpen:p.detail.isOpen}}))}handleLabelClick(p){this.disabled&&(p.preventDefault(),p.stopImmediatePropagation()),this.dispatchEvent(new CustomEvent("labelClick",{bubbles:!0,composed:!0,detail:"label clicked"}))}};e([t.n({type:String})],exports.PktInputWrapper.prototype,"forId",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"label",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptext",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdown",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdownButton",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"counter",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterCurrent",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterMaxLength",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"counterError",2);e([t.n({type:String,reflect:!1})],exports.PktInputWrapper.prototype,"counterPosition",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"optionalTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"optionalText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"requiredTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"requiredText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasError",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"errorMessage",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"disabled",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"inline",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"ariaDescribedby",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasFieldset",2);e([t.n({type:String,reflect:!0})],exports.PktInputWrapper.prototype,"role",2);e([t.n({type:Boolean,reflect:!0,converter:W})],exports.PktInputWrapper.prototype,"useWrapper",2);exports.PktInputWrapper=e([t.t("pkt-input-wrapper")],exports.PktInputWrapper);
+          </fieldset>`:t.x`<div class="pkt-inputwrapper__fieldset">${d()}</div>`;return t.x`<div class=${c.e(p)}>${k()}</div> `}toggleDropdown(p){this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!1,detail:{isOpen:p.detail.isOpen}}))}handleLabelClick(p){this.disabled&&(p.preventDefault(),p.stopImmediatePropagation()),this.dispatchEvent(new CustomEvent("labelClick",{bubbles:!0,composed:!0,detail:"label clicked"}))}};e([t.n({type:String})],exports.PktInputWrapper.prototype,"forId",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"label",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptext",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdown",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdownButton",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"counter",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterCurrent",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterMaxLength",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"counterError",2);e([t.n({type:String,reflect:!1})],exports.PktInputWrapper.prototype,"counterPosition",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"optionalTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"optionalText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"requiredTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"requiredText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasError",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"errorMessage",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"disabled",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"inline",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"ariaDescribedby",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasFieldset",2);e([t.n({type:String,reflect:!0})],exports.PktInputWrapper.prototype,"role",2);e([t.n({type:Boolean,reflect:!0,converter:E})],exports.PktInputWrapper.prototype,"useWrapper",2);exports.PktInputWrapper=e([t.t("pkt-input-wrapper")],exports.PktInputWrapper);

package/dist/{link-C9X0huxP.js → link-BzKHhT3c.js}

@@ -1,8 +1,9 @@
-import { P as h, E as u, x as f, n as o, a as m } from "./element-gAd63VwC.js";
-import { P } from "./pkt-slot-controller-BPGj-LC5.js";
-import { e as k, n as g } from "./ref-DnSbnXsj.js";
-import { e as d } from "./class-map-m7ZCZ49w.js";
-import "./icon-CO1TLSs5.js";
+import { P as h } from "./element-Cfyyg4nF.js";
+import { P as m } from "./pkt-slot-controller-BPGj-LC5.js";
+import { e as u, n as P } from "./ref-DX488m2G.js";
+import { E as k, x as c, n as o, t as g } from "./lit-element-DcUrSbRH.js";
+import { e as d } from "./class-map-DO0E7GkW.js";
+import "./icon-DPnB79MP.js";
 const x = {
   href: {
     default: "#"
@@ -13,7 +14,7 @@ const x = {
   external: {
     default: !1
   }
-}, c = {
+}, f = {
   props: x
 };
 var y = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, r = (i, n, l, s) => {
@@ -23,7 +24,7 @@ var y = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, r = (i, n, l
 };
 let e = class extends h {
   constructor() {
-    super(), this.defaultSlot = k(), this.href = c.props.href.default, this.iconName = void 0, this.iconPosition = void 0, this.external = c.props.external.default, this.target = c.props.target.default, this.slotController = new P(this, this.defaultSlot);
+    super(), this.defaultSlot = u(), this.href = f.props.href.default, this.iconName = void 0, this.iconPosition = void 0, this.external = f.props.external.default, this.target = f.props.target.default, this.slotController = new m(this, this.defaultSlot);
   }
   render() {
     const i = {
@@ -32,12 +33,12 @@ let e = class extends h {
       "pkt-link--icon-right": !!this.iconName && this.iconPosition === "right",
       "pkt-link--external": this.external
     };
-    return f`<a
+    return c`<a
       class=${d(i)}
       href=${this.href}
       .target=${this.target}
-      .rel=${this.external ? "noopener noreferrer" : u}
-      >${this.iconName ? f`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>` : ""} <span ${g(this.defaultSlot)}>Link</span></a
+      .rel=${this.external ? "noopener noreferrer" : k}
+      >${this.iconName ? c`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>` : ""} <span ${P(this.defaultSlot)}>Link</span></a
     >`;
   }
 };
@@ -57,7 +58,7 @@ r([
   o({ type: String, reflect: !0 })
 ], e.prototype, "target", 2);
 e = r([
-  m("pkt-link")
+  g("pkt-link")
 ], e);
 export {
   e as P

package/dist/link-Dhs4dS0S.cjs

@@ -0,0 +1,7 @@
+"use strict";const f=require("./element-DUJa1sRq.cjs"),h=require("./pkt-slot-controller-BzddBp7z.cjs"),c=require("./ref-BMQZJJEo.cjs"),t=require("./lit-element-DHqqtYbj.cjs"),k=require("./class-map-dph2jLEp.cjs");require("./icon-RJ9Op-BB.cjs");const u={href:{default:"#"},target:{default:"_self"},external:{default:!1}},a={props:u};var P=Object.defineProperty,g=Object.getOwnPropertyDescriptor,n=(o,r,s,i)=>{for(var e=i>1?void 0:i?g(r,s):r,l=o.length-1,p;l>=0;l--)(p=o[l])&&(e=(i?p(r,s,e):p(e))||e);return i&&e&&P(r,s,e),e};exports.PktLink=class extends f.PktElement{constructor(){super(),this.defaultSlot=c.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 h.PktSlotController(this,this.defaultSlot)}render(){const r={"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=${k.e(r)}
+      href=${this.href}
+      .target=${this.target}
+      .rel=${this.external?"noopener noreferrer":t.E}
+      >${this.iconName?t.x`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>`:""} <span ${c.n(this.defaultSlot)}>Link</span></a
+    >`}};n([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"href",2);n([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"iconName",2);n([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"iconPosition",2);n([t.n({type:Boolean,reflect:!0})],exports.PktLink.prototype,"external",2);n([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"target",2);exports.PktLink=n([t.t("pkt-link")],exports.PktLink);

package/dist/{linkcard-Bhk2ttou.js → linkcard-CyepaY-g.js}

@@ -1,29 +1,30 @@
-import { P as f, x as c, n, a as h } from "./element-gAd63VwC.js";
-import { e as k, n as m } from "./ref-DnSbnXsj.js";
+import { x as c, n, t as f } from "./lit-element-DcUrSbRH.js";
+import { e as h, n as k } from "./ref-DX488m2G.js";
+import { P as m } from "./element-Cfyyg4nF.js";
 import { P as u } from "./pkt-slot-controller-BPGj-LC5.js";
-import "./icon-CO1TLSs5.js";
-var _ = Object.defineProperty, d = Object.getOwnPropertyDescriptor, r = (l, i, s, o) => {
-  for (var e = o > 1 ? void 0 : o ? d(i, s) : i, a = l.length - 1, p; a >= 0; a--)
-    (p = l[a]) && (e = (o ? p(i, s, e) : p(e)) || e);
-  return o && e && _(i, s, e), e;
+import "./icon-DPnB79MP.js";
+var _ = Object.defineProperty, d = Object.getOwnPropertyDescriptor, r = (o, i, s, l) => {
+  for (var e = l > 1 ? void 0 : l ? d(i, s) : i, a = o.length - 1, p; a >= 0; a--)
+    (p = o[a]) && (e = (l ? p(i, s, e) : p(e)) || e);
+  return l && e && _(i, s, e), e;
 };
-let t = class extends f {
+let t = class extends m {
   constructor() {
-    super(), this.defaultSlot = k(), this.title = "", this.href = "#", this.iconName = "", this.external = !1, this.openInNewTab = !1, this.skin = "normal", this.slotController = new u(this, this.defaultSlot);
+    super(), this.defaultSlot = h(), this.title = "", this.href = "#", this.iconName = "", this.external = !1, this.openInNewTab = !1, this.skin = "normal", this.slotController = new u(this, this.defaultSlot);
   }
   render() {
-    const l = ["pkt-linkcard", this.skin && `pkt-linkcard--${this.skin}`].filter(Boolean).join(" "), i = ["pkt-linkcard__title", this.external && "pkt-link pkt-link--external"].filter(Boolean).join(" ");
+    const o = ["pkt-linkcard", this.skin && `pkt-linkcard--${this.skin}`].filter(Boolean).join(" "), i = ["pkt-linkcard__title", this.external && "pkt-link pkt-link--external"].filter(Boolean).join(" ");
     return c`
       <a
         href=${this.href}
-        class=${l}
+        class=${o}
         target=${this.openInNewTab ? "_blank" : "_self"}
         rel=${this.openInNewTab ?? "noopener noreferrer"}
       >
         ${this.iconName && c`<pkt-icon class="pkt-link__icon" name="${this.iconName}" />`}
         ${this.title && c`<div class=${i}>${this.title}</div>`}
 
-        <div class="pkt-linkcard__text" ${m(this.defaultSlot)}></div>
+        <div class="pkt-linkcard__text" ${k(this.defaultSlot)}></div>
       </a>
     `;
   }
@@ -47,7 +48,7 @@ r([
   n({ type: String, reflect: !0 })
 ], t.prototype, "skin", 2);
 t = r([
-  h("pkt-linkcard")
+  f("pkt-linkcard")
 ], t);
 export {
   t as P

package/dist/{linkcard-CaBz6i7A.cjs → linkcard-Czsb01sQ.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-90YeMNbV.cjs"),k=require("./ref-B-w1vCo8.cjs"),p=require("./pkt-slot-controller-BzddBp7z.cjs");require("./icon-B1_BRNqf.cjs");var c=Object.defineProperty,h=Object.getOwnPropertyDescriptor,r=(s,n,i,l)=>{for(var e=l>1?void 0:l?h(n,i):n,o=s.length-1,a;o>=0;o--)(a=s[o])&&(e=(l?a(n,i,e):a(e))||e);return l&&e&&c(n,i,e),e};exports.PktLinkCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=k.e(),this.title="",this.href="#",this.iconName="",this.external=!1,this.openInNewTab=!1,this.skin="normal",this.slotController=new p.PktSlotController(this,this.defaultSlot)}render(){const n=["pkt-linkcard",this.skin&&`pkt-linkcard--${this.skin}`].filter(Boolean).join(" "),i=["pkt-linkcard__title",this.external&&"pkt-link pkt-link--external"].filter(Boolean).join(" ");return t.x`
+"use strict";const t=require("./lit-element-DHqqtYbj.cjs"),k=require("./ref-BMQZJJEo.cjs"),p=require("./element-DUJa1sRq.cjs"),c=require("./pkt-slot-controller-BzddBp7z.cjs");require("./icon-RJ9Op-BB.cjs");var h=Object.defineProperty,f=Object.getOwnPropertyDescriptor,r=(s,n,i,l)=>{for(var e=l>1?void 0:l?f(n,i):n,o=s.length-1,a;o>=0;o--)(a=s[o])&&(e=(l?a(n,i,e):a(e))||e);return l&&e&&h(n,i,e),e};exports.PktLinkCard=class extends p.PktElement{constructor(){super(),this.defaultSlot=k.e(),this.title="",this.href="#",this.iconName="",this.external=!1,this.openInNewTab=!1,this.skin="normal",this.slotController=new c.PktSlotController(this,this.defaultSlot)}render(){const n=["pkt-linkcard",this.skin&&`pkt-linkcard--${this.skin}`].filter(Boolean).join(" "),i=["pkt-linkcard__title",this.external&&"pkt-link pkt-link--external"].filter(Boolean).join(" ");return t.x`
       <a
         href=${this.href}
         class=${n}