@oslokommune/punkt-elements 12.39.6 → 12.39.8

package/dist/pkt-radiobutton.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./radiobutton-CI2xaqAB.cjs"),e=t.PktRadioButton;Object.defineProperty(exports,"PktRadioButton",{enumerable:!0,get:()=>t.PktRadioButton});exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./radiobutton-DGWTMdAZ.cjs"),e=t.PktRadioButton;Object.defineProperty(exports,"PktRadioButton",{enumerable:!0,get:()=>t.PktRadioButton});exports.default=e;

package/dist/pkt-radiobutton.js

@@ -1,4 +1,4 @@
-import { P as t } from "./radiobutton-CYJawqxD.js";
+import { P as t } from "./radiobutton-CET0zjgD.js";
 const a = t;
 export {
   t as PktRadioButton,

package/dist/pkt-select.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./select-BCL790jM.cjs"),t=e.PktSelect;Object.defineProperty(exports,"PktSelect",{enumerable:!0,get:()=>e.PktSelect});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./select-Brv7vglu.cjs"),t=e.PktSelect;Object.defineProperty(exports,"PktSelect",{enumerable:!0,get:()=>e.PktSelect});exports.default=t;

package/dist/pkt-select.js

@@ -1,4 +1,4 @@
-import { P as t } from "./select-D3LR5zgE.js";
+import { P as t } from "./select-C36Z4gui.js";
 const a = t;
 export {
   t as PktSelect,

package/dist/pkt-textarea.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textarea-DxbylapQ.cjs"),t=e.PktTextarea;Object.defineProperty(exports,"PktTextarea",{enumerable:!0,get:()=>e.PktTextarea});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textarea-yUzqcBYY.cjs"),t=e.PktTextarea;Object.defineProperty(exports,"PktTextarea",{enumerable:!0,get:()=>e.PktTextarea});exports.default=t;

package/dist/pkt-textarea.js

@@ -1,4 +1,4 @@
-import { P as a } from "./textarea-B8H6-8qY.js";
+import { P as a } from "./textarea-l10XGym1.js";
 const e = a;
 export {
   a as PktTextarea,

package/dist/pkt-textinput.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textinput-B__c4c1z.cjs"),t=e.PktTextinput;Object.defineProperty(exports,"PktTextinput",{enumerable:!0,get:()=>e.PktTextinput});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textinput-8mT0npMY.cjs"),t=e.PktTextinput;Object.defineProperty(exports,"PktTextinput",{enumerable:!0,get:()=>e.PktTextinput});exports.default=t;

package/dist/pkt-textinput.js

@@ -1,4 +1,4 @@
-import { P as t } from "./textinput-CPYLokFV.js";
+import { P as t } from "./textinput-B1n0gFaS.js";
 const p = t;
 export {
   t as PktTextinput,

package/dist/radiobutton-CET0zjgD.js

@@ -0,0 +1,86 @@
+import { E as u, x as n, n as h, a as d } from "./element-DjjF_tEh.js";
+import { r as k } from "./state-BtbpSrdV.js";
+import { P as f } from "./input-element-B2GjFOXX.js";
+import { e as _, n as b } from "./ref-iIffqQAI.js";
+import { e as o } from "./class-map-KyMqi0fa.js";
+var v = Object.defineProperty, C = Object.getOwnPropertyDescriptor, c = (e, i, p, l) => {
+  for (var s = l > 1 ? void 0 : l ? C(i, p) : i, r = e.length - 1, a; r >= 0; r--)
+    (a = e[r]) && (s = (l ? a(i, p, s) : a(s)) || s);
+  return l && s && v(i, p, s), s;
+};
+let t = class extends f {
+  constructor() {
+    super(...arguments), this.inputRef = _(), this.value = "", this.checkHelptext = null, this.defaultChecked = !1, this.hasTile = !1, this.checked = null, this.type = "radio", this._checked = !1;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+  }
+  attributeChangedCallback(e, i, p) {
+    e === "defaultChecked" && (this._checked = this.defaultChecked), e === "checked" && (this._checked = this.checked === "" || this.checked === "true" || this.checked === !0), super.attributeChangedCallback(e, i, p);
+  }
+  render() {
+    const e = o({
+      "pkt-input-check__input": !0,
+      "pkt-input-check__input--tile": this.hasTile,
+      "pkt-input-check__input--tile-disabled": this.disabled && this.hasTile
+    }), i = o({
+      "pkt-input-check__input-checkbox": !0,
+      "pkt-input-check__input-checkbox--error": this.hasError
+    });
+    return n`
+      <div class="pkt-input-check">
+        <div class=${e}>
+          <input
+            id=${this.id + "-internal"}
+            class=${i}
+            type="radio"
+            role="radio"
+            ?disabled=${this.disabled}
+            form=""
+            name=${this.name + "-internal"}
+            ${b(this.inputRef)}
+            @change=${this.toggleChecked}
+            @input=${this.onInput}
+            @blur=${this.onBlur}
+            @focus=${this.onFocus}
+            ?checked=${this.checked}
+          />
+          <label class="pkt-input-check__input-label" for=${this.id + "-internal"}>
+            ${this.label}
+            ${this.checkHelptext ? n`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : u}
+          </label>
+        </div>
+      </div>
+    `;
+  }
+  toggleChecked(e = null) {
+    e && e.preventDefault(), e && e.stopImmediatePropagation(), this.touched = !0, this.inputRef.value && (this._checked = this.inputRef.value.matches(":checked"), this.valueChecked(this._checked));
+  }
+};
+c([
+  h({ type: String, reflect: !0 })
+], t.prototype, "value", 2);
+c([
+  h({ type: String })
+], t.prototype, "checkHelptext", 2);
+c([
+  h({ type: Boolean })
+], t.prototype, "defaultChecked", 2);
+c([
+  h({ type: Boolean })
+], t.prototype, "hasTile", 2);
+c([
+  h({ type: Boolean, reflect: !0 })
+], t.prototype, "checked", 2);
+c([
+  h({ type: String, reflect: !0 })
+], t.prototype, "type", 2);
+c([
+  k()
+], t.prototype, "_checked", 2);
+t = c([
+  d("pkt-radiobutton")
+], t);
+export {
+  t as P
+};

package/dist/radiobutton-DGWTMdAZ.cjs

@@ -0,0 +1,25 @@
+"use strict";const e=require("./element-BSypUpzA.cjs"),p=require("./state-B5KCNjEd.cjs"),r=require("./input-element-DK0UmdGZ.cjs"),o=require("./ref-BvbyvXRH.cjs"),a=require("./class-map-DCyaICmy.cjs");var d=Object.defineProperty,k=Object.getOwnPropertyDescriptor,i=(h,t,c,n)=>{for(var s=n>1?void 0:n?k(t,c):t,l=h.length-1,u;l>=0;l--)(u=h[l])&&(s=(n?u(t,c,s):u(s))||s);return n&&s&&d(t,c,s),s};exports.PktRadioButton=class extends r.PktInputElement{constructor(){super(...arguments),this.inputRef=o.e(),this.value="",this.checkHelptext=null,this.defaultChecked=!1,this.hasTile=!1,this.checked=null,this.type="radio",this._checked=!1}connectedCallback(){super.connectedCallback()}attributeChangedCallback(t,c,n){t==="defaultChecked"&&(this._checked=this.defaultChecked),t==="checked"&&(this._checked=this.checked===""||this.checked==="true"||this.checked===!0),super.attributeChangedCallback(t,c,n)}render(){const t=a.e({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),c=a.e({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError});return e.x`
+      <div class="pkt-input-check">
+        <div class=${t}>
+          <input
+            id=${this.id+"-internal"}
+            class=${c}
+            type="radio"
+            role="radio"
+            ?disabled=${this.disabled}
+            form=""
+            name=${this.name+"-internal"}
+            ${o.n(this.inputRef)}
+            @change=${this.toggleChecked}
+            @input=${this.onInput}
+            @blur=${this.onBlur}
+            @focus=${this.onFocus}
+            ?checked=${this.checked}
+          />
+          <label class="pkt-input-check__input-label" for=${this.id+"-internal"}>
+            ${this.label}
+            ${this.checkHelptext?e.x`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>`:e.E}
+          </label>
+        </div>
+      </div>
+    `}toggleChecked(t=null){t&&t.preventDefault(),t&&t.stopImmediatePropagation(),this.touched=!0,this.inputRef.value&&(this._checked=this.inputRef.value.matches(":checked"),this.valueChecked(this._checked))}};i([e.n({type:String,reflect:!0})],exports.PktRadioButton.prototype,"value",2);i([e.n({type:String})],exports.PktRadioButton.prototype,"checkHelptext",2);i([e.n({type:Boolean})],exports.PktRadioButton.prototype,"defaultChecked",2);i([e.n({type:Boolean})],exports.PktRadioButton.prototype,"hasTile",2);i([e.n({type:Boolean,reflect:!0})],exports.PktRadioButton.prototype,"checked",2);i([e.n({type:String,reflect:!0})],exports.PktRadioButton.prototype,"type",2);i([p.r()],exports.PktRadioButton.prototype,"_checked",2);exports.PktRadioButton=i([e.t("pkt-radiobutton")],exports.PktRadioButton);

package/dist/{select-BCL790jM.cjs → select-Brv7vglu.cjs}

@@ -1,4 +1,4 @@
-"use strict";const r=require("./element-BSypUpzA.cjs"),u=require("./state-B5KCNjEd.cjs"),l=require("./ref-BvbyvXRH.cjs"),o=require("./if-defined-a3sotaUr.cjs"),d=require("./input-element-CwUniARD.cjs"),c=require("./pkt-options-controller-Ay9ELZTV.cjs"),$=require("./pkt-slot-controller-Da-RgXfS.cjs");require("./input-wrapper-B-f_SotM.cjs");var b=Object.defineProperty,v=Object.getOwnPropertyDescriptor,n=(a,e,t,i)=>{for(var s=i>1?void 0:i?v(e,t):e,p=a.length-1,h;p>=0;p--)(h=a[p])&&(s=(i?h(e,t,s):h(s))||s);return i&&s&&b(e,t,s),s};exports.PktSelect=class extends d.PktInputElement{constructor(){super(),this.inputRef=l.e(),this.helptextSlot=l.e(),this.options=[],this.value="",this._options=[],this.optionsController=new c.PktOptionsSlotController(this),this.slotController=new $.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){super.connectedCallback();const e=this.options.length>0,t=this.optionsController.nodes.length&&this.optionsController.nodes.length>0;!e&&t?this.optionsController.nodes.forEach(i=>{const s={value:i.getAttribute("value")||i.textContent||"",label:i.textContent||i.getAttribute("value")||"",disabled:!!i.getAttribute("disabled")};i.getAttribute("selected")&&!this.value&&(this.value=s.value),this._options.push(s)}):this._options=this.options}attributeChangedCallback(e,t,i){e==="options"&&(this._options=i?JSON.parse(i):[]),e==="value"&&this.value!==t&&this.valueChanged(i,t),super.attributeChangedCallback(e,t,i)}updated(e){var t;super.updated(e),e.has("value")&&(this.counterCurrent=((t=this.value)==null?void 0:t.length)||0,this.valueChanged(this.value,e.get("value"))),e.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(e){super.firstUpdated(e),this.options.length&&(this._options=this.options)}render(){const e=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return r.x`
+"use strict";const r=require("./element-BSypUpzA.cjs"),u=require("./state-B5KCNjEd.cjs"),l=require("./ref-BvbyvXRH.cjs"),o=require("./if-defined-a3sotaUr.cjs"),d=require("./input-element-DK0UmdGZ.cjs"),c=require("./pkt-options-controller-Ay9ELZTV.cjs"),$=require("./pkt-slot-controller-Da-RgXfS.cjs");require("./input-wrapper-B-f_SotM.cjs");var b=Object.defineProperty,v=Object.getOwnPropertyDescriptor,n=(a,e,t,i)=>{for(var s=i>1?void 0:i?v(e,t):e,p=a.length-1,h;p>=0;p--)(h=a[p])&&(s=(i?h(e,t,s):h(s))||s);return i&&s&&b(e,t,s),s};exports.PktSelect=class extends d.PktInputElement{constructor(){super(),this.inputRef=l.e(),this.helptextSlot=l.e(),this.options=[],this.value="",this._options=[],this.optionsController=new c.PktOptionsSlotController(this),this.slotController=new $.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){super.connectedCallback();const e=this.options.length>0,t=this.optionsController.nodes.length&&this.optionsController.nodes.length>0;!e&&t?this.optionsController.nodes.forEach(i=>{const s={value:i.getAttribute("value")||i.textContent||"",label:i.textContent||i.getAttribute("value")||"",disabled:!!i.getAttribute("disabled")};i.getAttribute("selected")&&!this.value&&(this.value=s.value),this._options.push(s)}):this._options=this.options}attributeChangedCallback(e,t,i){e==="options"&&(this._options=i?JSON.parse(i):[]),e==="value"&&this.value!==t&&this.valueChanged(i,t),super.attributeChangedCallback(e,t,i)}updated(e){var t;super.updated(e),e.has("value")&&(this.counterCurrent=((t=this.value)==null?void 0:t.length)||0,this.valueChanged(this.value,e.get("value"))),e.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(e){super.firstUpdated(e),this.options.length&&(this._options=this.options)}render(){const e=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return r.x`
       <pkt-input-wrapper
         ?counter=${this.counter}
         ?disabled=${this.disabled}

package/dist/{select-D3LR5zgE.js → select-C36Z4gui.js}

@@ -2,7 +2,7 @@ import { x as h, n as c, a as $ } from "./element-DjjF_tEh.js";
 import { r as b } from "./state-BtbpSrdV.js";
 import { e as u, n as d } from "./ref-iIffqQAI.js";
 import { o as s } from "./if-defined-BErSJCeJ.js";
-import { P as v } from "./input-element-4hgBpSNJ.js";
+import { P as v } from "./input-element-B2GjFOXX.js";
 import { P as f } from "./pkt-options-controller-DepYQBqb.js";
 import { P as m } from "./pkt-slot-controller-DtDaD9q_.js";
 import "./input-wrapper-BdeoMGnk.js";

package/dist/{textarea-B8H6-8qY.js → textarea-l10XGym1.js}

@@ -5,7 +5,7 @@ import { e as m, n as c } from "./ref-iIffqQAI.js";
 import { e as v } from "./class-map-KyMqi0fa.js";
 import { e as b, i as T, t as a } from "./directive-oAbCiebi.js";
 import { f as y, m as w } from "./directive-helpers-8uS_Izwn.js";
-import { P as C } from "./input-element-4hgBpSNJ.js";
+import { P as C } from "./input-element-B2GjFOXX.js";
 import { P as E } from "./pkt-slot-controller-DtDaD9q_.js";
 import "./input-wrapper-BdeoMGnk.js";
 import "./icon-Beoxup8E.js";

package/dist/{textarea-DxbylapQ.cjs → textarea-yUzqcBYY.cjs}

@@ -1,4 +1,4 @@
-"use strict";const s=require("./element-BSypUpzA.cjs"),p=require("./if-defined-a3sotaUr.cjs"),c=require("./state-B5KCNjEd.cjs"),l=require("./ref-BvbyvXRH.cjs"),$=require("./class-map-DCyaICmy.cjs"),a=require("./directive-C7oCP5Bh.cjs"),d=require("./directive-helpers-CG7Oxal3.cjs"),x=require("./input-element-CwUniARD.cjs"),T=require("./pkt-slot-controller-Da-RgXfS.cjs");require("./input-wrapper-B-f_SotM.cjs");require("./icon-BnKGwYjj.cjs");/**
+"use strict";const s=require("./element-BSypUpzA.cjs"),p=require("./if-defined-a3sotaUr.cjs"),c=require("./state-B5KCNjEd.cjs"),l=require("./ref-BvbyvXRH.cjs"),$=require("./class-map-DCyaICmy.cjs"),a=require("./directive-C7oCP5Bh.cjs"),d=require("./directive-helpers-CG7Oxal3.cjs"),x=require("./input-element-DK0UmdGZ.cjs"),T=require("./pkt-slot-controller-Da-RgXfS.cjs");require("./input-wrapper-B-f_SotM.cjs");require("./icon-BnKGwYjj.cjs");/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{textinput-B__c4c1z.cjs → textinput-8mT0npMY.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-BSypUpzA.cjs"),u=require("./if-defined-a3sotaUr.cjs"),l=require("./state-B5KCNjEd.cjs"),a=require("./ref-BvbyvXRH.cjs"),c=require("./class-map-DCyaICmy.cjs"),d=require("./input-element-CwUniARD.cjs"),x=require("./pkt-slot-controller-Da-RgXfS.cjs");require("./input-wrapper-B-f_SotM.cjs");require("./icon-BnKGwYjj.cjs");var $=Object.defineProperty,f=Object.getOwnPropertyDescriptor,r=(h,i,s,n)=>{for(var e=n>1?void 0:n?f(i,s):i,o=h.length-1,p;o>=0;o--)(p=h[o])&&(e=(n?p(i,s,e):p(e))||e);return n&&e&&$(i,s,e),e};exports.PktTextinput=class extends d.PktInputElement{constructor(){super(),this.inputRef=a.e(),this.helptextSlot=a.e(),this.value="",this.type="text",this.size=null,this.autocomplete=null,this.iconNameRight=null,this.prefix=null,this.suffix=null,this.omitSearchIcon=!1,this.counterCurrent=0,this.slotController=new x.PktSlotController(this,this.helptextSlot)}attributeChangedCallback(i,s,n){i==="value"&&this.value!==s&&(this.counterCurrent=n?n.length:0,this.valueChanged(n,s)),super.attributeChangedCallback(i,s,n)}updated(i){var s;super.updated(i),i.has("value")&&(this.counterCurrent=((s=this.value)==null?void 0:s.length)||0,this.valueChanged(this.value,i.get("value"))),i.has("id")&&!this.name&&this.id&&(this.name=this.id)}render(){const i=this.type==="search"&&!this.iconNameRight&&!this.omitSearchIcon,s=c.e({"pkt-input":!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":this.counter&&this.counterMaxLength&&this.value.length&&this.value.length>this.counterMaxLength}),n=this.ariaLabelledby||`${this.id}-input-label`;return t.x`
+"use strict";const t=require("./element-BSypUpzA.cjs"),u=require("./if-defined-a3sotaUr.cjs"),l=require("./state-B5KCNjEd.cjs"),a=require("./ref-BvbyvXRH.cjs"),c=require("./class-map-DCyaICmy.cjs"),d=require("./input-element-DK0UmdGZ.cjs"),x=require("./pkt-slot-controller-Da-RgXfS.cjs");require("./input-wrapper-B-f_SotM.cjs");require("./icon-BnKGwYjj.cjs");var $=Object.defineProperty,f=Object.getOwnPropertyDescriptor,r=(h,i,s,n)=>{for(var e=n>1?void 0:n?f(i,s):i,o=h.length-1,p;o>=0;o--)(p=h[o])&&(e=(n?p(i,s,e):p(e))||e);return n&&e&&$(i,s,e),e};exports.PktTextinput=class extends d.PktInputElement{constructor(){super(),this.inputRef=a.e(),this.helptextSlot=a.e(),this.value="",this.type="text",this.size=null,this.autocomplete=null,this.iconNameRight=null,this.prefix=null,this.suffix=null,this.omitSearchIcon=!1,this.counterCurrent=0,this.slotController=new x.PktSlotController(this,this.helptextSlot)}attributeChangedCallback(i,s,n){i==="value"&&this.value!==s&&(this.counterCurrent=n?n.length:0,this.valueChanged(n,s)),super.attributeChangedCallback(i,s,n)}updated(i){var s;super.updated(i),i.has("value")&&(this.counterCurrent=((s=this.value)==null?void 0:s.length)||0,this.valueChanged(this.value,i.get("value"))),i.has("id")&&!this.name&&this.id&&(this.name=this.id)}render(){const i=this.type==="search"&&!this.iconNameRight&&!this.omitSearchIcon,s=c.e({"pkt-input":!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":this.counter&&this.counterMaxLength&&this.value.length&&this.value.length>this.counterMaxLength}),n=this.ariaLabelledby||`${this.id}-input-label`;return t.x`
       <pkt-input-wrapper
         label="${this.label}"
         ?counter=${this.counter}

package/dist/{textinput-CPYLokFV.js → textinput-B1n0gFaS.js}

@@ -3,7 +3,7 @@ import { o as c } from "./if-defined-BErSJCeJ.js";
 import { r as f } from "./state-BtbpSrdV.js";
 import { e as d, n as m } from "./ref-iIffqQAI.js";
 import { e as g } from "./class-map-KyMqi0fa.js";
-import { P as x } from "./input-element-4hgBpSNJ.js";
+import { P as x } from "./input-element-B2GjFOXX.js";
 import { P as y } from "./pkt-slot-controller-DtDaD9q_.js";
 import "./input-wrapper-BdeoMGnk.js";
 import "./icon-Beoxup8E.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "12.39.6",
+  "version": "12.39.8",
   "description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -32,7 +32,7 @@
   },
   "devDependencies": {
     "@oslokommune/punkt-assets": "^12.39.2",
-    "@oslokommune/punkt-css": "^12.39.5",
+    "@oslokommune/punkt-css": "^12.39.8",
     "sass": "^1.78.0",
     "typescript": "^5.6.2",
     "vite": "^5.4.18",
@@ -59,5 +59,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "16072dee66bffd73d5729bc858e8ee0db62c98a7"
+  "gitHead": "9837c1edd0b49ecdc14a46ede9442d30bdb9d908"
 }

package/src/components/card/card.ts

@@ -20,8 +20,8 @@ export type TCardTagPosition = 'top' | 'bottom'
 
 export interface IPktCard {
   ariaLabel?: IAriaAttributes['aria-label']
-  author?: string | null
-  date?: string | null
+  metaLead?: string | null
+  metaTrail?: string | null
   direction?: TDirection
   heading?: string
   headingLevel?: IPktHeading['level']
@@ -53,10 +53,10 @@ export class PktCard extends PktElement implements IPktCard {
   // Properties
 
   @property({ type: String }) ariaLabel: string = ''
-  @property({ type: String }) author: string | null = null
+  @property({ type: String }) metaLead: string | null = null
   @property({ type: Boolean }) borderOnHover: boolean = true
   @property({ type: String, reflect: true }) clickCardLink: IPktCard['clickCardLink'] = null
-  @property({ type: String }) date: string | null = null
+  @property({ type: String }) metaTrail: string | null = null
   @property({ type: String }) direction: TDirection = specs.props.direction.default as TDirection
   @property({ type: String }) heading: string = ''
   @property({ type: Number }) headinglevel: IPktHeading['level'] = 3
@@ -106,7 +106,7 @@ export class PktCard extends PktElement implements IPktCard {
           ${this.renderHeader()}
           ${this.renderSlot()} 
           ${this.tagPosition === 'bottom' ? this.renderTags() : nothing}
-          ${this.renderCreditline()}
+          ${this.renderMetadata()}
         </div>
       </article>
     `
@@ -233,16 +233,16 @@ export class PktCard extends PktElement implements IPktCard {
     `
   }
 
-  renderCreditline() {
+  renderMetadata() {
     return html`
-      ${this.author || this.date
+      ${this.metaLead || this.metaTrail
         ? html`
-            <footer class="pkt-card__creditline">
-              ${this.author
-                ? html`<span class="pkt-card__creditline-author">${this.author}</span>`
+            <footer class="pkt-card__metadata">
+              ${this.metaLead
+                ? html`<span class="pkt-card__metadata-lead">${this.metaLead}</span>`
                 : nothing}
-              ${this.date
-                ? html`<span class="pkt-card__creditline-date">${this.date}</span>`
+              ${this.metaTrail
+                ? html`<span class="pkt-card__metadata-trail">${this.metaTrail}</span>`
                 : nothing}
             </footer>
           `

package/src/components/radiobutton/radiobutton.ts

@@ -2,7 +2,7 @@ import { customElement, property, state } from 'lit/decorators.js'
 
 import { PktInputElement } from '@/base-elements/input-element'
 import { Ref, createRef, ref } from 'lit/directives/ref.js'
-import { html, nothing, PropertyValues } from 'lit'
+import { html, nothing } from 'lit'
 import { classMap } from 'lit/directives/class-map.js'
 
 @customElement('pkt-radiobutton')
@@ -32,20 +32,6 @@ export class PktRadioButton extends PktInputElement {
     super.attributeChangedCallback(name, _old, value)
   }
 
-  updated(changedProperties: PropertyValues) {
-    if (changedProperties.has('checked') && this.checked !== null) {
-      this._checked = this.checked === '' || this.checked === 'true' || this.checked === true
-      const oldChecked =
-        changedProperties.get('checked') === '' ||
-        changedProperties.get('checked') === 'true' ||
-        changedProperties.get('checked') === true
-      if (oldChecked !== this._checked) {
-        this.toggleChecked()
-      }
-    }
-    super.updated(changedProperties)
-  }
-
   render() {
     const inputTileClasses = classMap({
       'pkt-input-check__input': true,
@@ -88,6 +74,7 @@ export class PktRadioButton extends PktInputElement {
   }
 
   private toggleChecked(e: Event | null = null) {
+    if (e) e.preventDefault()
     if (e) e.stopImmediatePropagation()
     this.touched = true
     if (this.inputRef.value) {

package/dist/card-Di1MQneh.cjs

@@ -1,87 +0,0 @@
-"use strict";const p=require("./class-map-DCyaICmy.cjs"),h=require("./if-defined-a3sotaUr.cjs"),t=require("./element-BSypUpzA.cjs"),g=require("./pkt-slot-controller-Da-RgXfS.cjs"),c=require("./ref-BvbyvXRH.cjs");require("./icon-BnKGwYjj.cjs");require("./tag-B9kFYxHg.cjs");const k={skin:{default:"outlined"},direction:{default:"portrait"},padding:{default:"standard"}},l={props:k};var u=Object.defineProperty,$=Object.getOwnPropertyDescriptor,e=(d,i,a,n)=>{for(var r=n>1?void 0:n?$(i,a):i,s=d.length-1,o;s>=0;s--)(o=d[s])&&(r=(n?o(i,a,r):o(r))||r);return n&&r&&u(i,a,r),r};exports.PktCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.ariaLabel="",this.author=null,this.borderOnHover=!0,this.clickCardLink=null,this.date=null,this.direction=l.props.direction.default,this.heading="",this.headinglevel=3,this.image={src:"",alt:""},this.imageShape="square",this.openLinkInNewTab=!1,this.padding=l.props.padding.default,this.skin=l.props.skin.default,this.subheading="",this.tagPosition="top",this.tags=[],this.slotController=new g.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback()}render(){var r,s;const i={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.direction}`]:this.direction,[`pkt-card--padding-${this.padding}`]:this.padding,"pkt-card--border-on-hover":this.borderOnHover},a=((r=this.ariaLabel)==null?void 0:r.trim())||(this.heading?`${this.heading} lenkekort`:"lenkekort"),n=((s=this.ariaLabel)==null?void 0:s.trim())||(this.heading?this.heading:"kort");return t.x`
-      <article
-        class=${p.e(i)}
-        aria-label=${h.o(this.clickCardLink?a:n)}
-      >
-        ${this.renderImage()}
-        <div class="pkt-card__wrapper">
-          ${this.tagPosition==="top"?this.renderTags():t.E} 
-          ${this.renderHeader()}
-          ${this.renderSlot()} 
-          ${this.tagPosition==="bottom"?this.renderTags():t.E}
-          ${this.renderCreditline()}
-        </div>
-      </article>
-    `}renderImage(){const i={"pkt-card__image":!0,[`pkt-card__image-${this.imageShape}`]:this.imageShape};return t.x`
-      ${this.image.src&&t.x`
-        <div class=${p.e(i)}>
-          <img src=${this.image.src} alt=${this.image.alt||""} />
-        </div>
-      `}
-    `}renderHeading(){return t.x`
-      ${this.heading&&!this.clickCardLink?t.x`
-            <pkt-heading
-              class="pkt-card__heading"
-              .level=${this.headinglevel||3}
-              size="medium"
-              nospacing
-            >
-              ${this.heading}
-            </pkt-heading>
-          `:t.E}
-    `}renderLinkHeading(){return t.x`
-      ${this.clickCardLink?t.x`
-            <pkt-heading
-              class="pkt-card__link-heading pkt-card__heading"
-              .level=${this.headinglevel||3}
-              size="medium"
-              nospacing
-            >
-              <a
-                class="pkt-card__link"
-                href=${this.clickCardLink}
-                target=${this.openLinkInNewTab?"_blank":"_self"}
-                >${this.heading}</a
-              >
-            </pkt-heading>
-          `:t.E}
-    `}renderSubheading(){return t.x`
-      ${this.subheading?t.x` <p class="pkt-card__subheading ">${this.subheading}</p> `:t.E}
-    `}renderHeader(){const i=!!this.heading||!!this.subheading;return t.x`
-      ${i?t.x`
-            <header class="pkt-card__header">
-              ${this.renderHeading()} 
-              ${this.renderLinkHeading()} 
-              ${this.renderSubheading()}
-            </header>
-          `:t.E}
-    `}renderTags(){const i={"pkt-card__tags":!0,[`pkt-card__tags-${this.tagPosition}`]:this.tagPosition};return t.x`
-      ${this.tags.length>0?t.x`
-            <div
-              class=${p.e(i)}
-              role="list"
-              aria-label=${this.tags.length>1?"merkelapper":"merkelapp"}
-            >
-              ${this.tags.map(a=>t.x`
-                  <pkt-tag
-                    role="listitem"
-                    textStyle="normal-text"
-                    size="medium"
-                    skin=${h.o(a.skin)}
-                    iconName=${h.o(a.iconName)}
-                  >
-                    ${a.text}
-                  </pkt-tag>
-                `)}
-            </div>
-          `:t.E}
-    `}renderSlot(){return t.x`
-      ${this.defaultSlot&&t.x`<section class="pkt-card__content" ${c.n(this.defaultSlot)}></section>`}
-    `}renderCreditline(){return t.x`
-      ${this.author||this.date?t.x`
-            <footer class="pkt-card__creditline">
-              ${this.author?t.x`<span class="pkt-card__creditline-author">${this.author}</span>`:t.E}
-              ${this.date?t.x`<span class="pkt-card__creditline-date">${this.date}</span>`:t.E}
-            </footer>
-          `:t.E}
-    `}};e([t.n({type:String})],exports.PktCard.prototype,"ariaLabel",2);e([t.n({type:String})],exports.PktCard.prototype,"author",2);e([t.n({type:Boolean})],exports.PktCard.prototype,"borderOnHover",2);e([t.n({type:String,reflect:!0})],exports.PktCard.prototype,"clickCardLink",2);e([t.n({type:String})],exports.PktCard.prototype,"date",2);e([t.n({type:String})],exports.PktCard.prototype,"direction",2);e([t.n({type:String})],exports.PktCard.prototype,"heading",2);e([t.n({type:Number})],exports.PktCard.prototype,"headinglevel",2);e([t.n({type:Object})],exports.PktCard.prototype,"image",2);e([t.n({type:String})],exports.PktCard.prototype,"imageShape",2);e([t.n({type:Boolean})],exports.PktCard.prototype,"openLinkInNewTab",2);e([t.n({type:String})],exports.PktCard.prototype,"padding",2);e([t.n({type:String})],exports.PktCard.prototype,"skin",2);e([t.n({type:String})],exports.PktCard.prototype,"subheading",2);e([t.n({type:String})],exports.PktCard.prototype,"tagPosition",2);e([t.n({type:Array})],exports.PktCard.prototype,"tags",2);exports.PktCard=e([t.t("pkt-card")],exports.PktCard);

package/dist/input-element-CwUniARD.cjs

@@ -1 +0,0 @@
-"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,r,l)=>{for(var a=void 0,n=o.length-1,h;n>=0;n--)(h=o[n])&&(a=h(t,r,a)||a);return a&&m(t,r,a),a};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 r,l,a,n,h,u,p,d;t&&(this.required&&!this.value?this.internals.setValidity({valueMissing:!0},e.translations.forms.messages.required,t):(r=t.validity)!=null&&r.typeMismatch||(l=t.validity)!=null&&l.badInput?this.internals.setValidity({typeMismatch:!0},e.translations.forms.messages.invalid,t):(a=t.validity)!=null&&a.patternMismatch?this.internals.setValidity({patternMismatch:!0},e.translations.forms.messages.invalidPattern,t):(n=t.validity)!=null&&n.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 r=new FormData;t.forEach(l=>{r.append(this.name,l)}),this.internals.setFormValue(r)}else this.internals.setFormValue(t)}valueChecked(t){if(!this.touched)return;const r=this.internals.form||this.closest("form"),l=r?new FormData(r):null;r&&r.querySelectorAll(`pkt-radiobutton[name=${this.name}], input[type=radio][name=${this.name}]`).forEach(a=>{const n=a;n.name===this.name&&n.value!==this.value&&n.checked&&(n.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"),l&&l.append(this.name,this.value||"on"),this.internals.states.add("--checked")):(this.internals.setFormValue(null,null),l&&l.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,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()))}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})),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.form){const r=this.internals.form||this.closest("form");this.form=r}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 r=this.checked===""||this.checked==="true"||this.checked===!0;this.internals.ariaChecked=r,this.internals.setFormValue(r?this.value||"on":"",r?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/radiobutton-CI2xaqAB.cjs

@@ -1,25 +0,0 @@
-"use strict";const t=require("./element-BSypUpzA.cjs"),a=require("./state-B5KCNjEd.cjs"),p=require("./input-element-CwUniARD.cjs"),d=require("./ref-BvbyvXRH.cjs"),o=require("./class-map-DCyaICmy.cjs");var r=Object.defineProperty,k=Object.getOwnPropertyDescriptor,i=(u,e,c,s)=>{for(var h=s>1?void 0:s?k(e,c):e,n=u.length-1,l;n>=0;n--)(l=u[n])&&(h=(s?l(e,c,h):l(h))||h);return s&&h&&r(e,c,h),h};exports.PktRadioButton=class extends p.PktInputElement{constructor(){super(...arguments),this.inputRef=d.e(),this.value="",this.checkHelptext=null,this.defaultChecked=!1,this.hasTile=!1,this.checked=null,this.type="radio",this._checked=!1}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,c,s){e==="defaultChecked"&&(this._checked=this.defaultChecked),e==="checked"&&(this._checked=this.checked===""||this.checked==="true"||this.checked===!0),super.attributeChangedCallback(e,c,s)}updated(e){e.has("checked")&&this.checked!==null&&(this._checked=this.checked===""||this.checked==="true"||this.checked===!0,(e.get("checked")===""||e.get("checked")==="true"||e.get("checked")===!0)!==this._checked&&this.toggleChecked()),super.updated(e)}render(){const e=o.e({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),c=o.e({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError});return t.x`
-      <div class="pkt-input-check">
-        <div class=${e}>
-          <input
-            id=${this.id+"-internal"}
-            class=${c}
-            type="radio"
-            role="radio"
-            ?disabled=${this.disabled}
-            form=""
-            name=${this.name+"-internal"}
-            ${d.n(this.inputRef)}
-            @change=${this.toggleChecked}
-            @input=${this.onInput}
-            @blur=${this.onBlur}
-            @focus=${this.onFocus}
-            ?checked=${this.checked}
-          />
-          <label class="pkt-input-check__input-label" for=${this.id+"-internal"}>
-            ${this.label}
-            ${this.checkHelptext?t.x`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>`:t.E}
-          </label>
-        </div>
-      </div>
-    `}toggleChecked(e=null){e&&e.stopImmediatePropagation(),this.touched=!0,this.inputRef.value&&(this._checked=this.inputRef.value.matches(":checked"),this.valueChecked(this._checked))}};i([t.n({type:String,reflect:!0})],exports.PktRadioButton.prototype,"value",2);i([t.n({type:String})],exports.PktRadioButton.prototype,"checkHelptext",2);i([t.n({type:Boolean})],exports.PktRadioButton.prototype,"defaultChecked",2);i([t.n({type:Boolean})],exports.PktRadioButton.prototype,"hasTile",2);i([t.n({type:Boolean,reflect:!0})],exports.PktRadioButton.prototype,"checked",2);i([t.n({type:String,reflect:!0})],exports.PktRadioButton.prototype,"type",2);i([a.r()],exports.PktRadioButton.prototype,"_checked",2);exports.PktRadioButton=i([t.t("pkt-radiobutton")],exports.PktRadioButton);

package/dist/radiobutton-CYJawqxD.js

@@ -1,89 +0,0 @@
-import { E as o, x as d, n as s, a as n } from "./element-DjjF_tEh.js";
-import { r as k } from "./state-BtbpSrdV.js";
-import { P as f } from "./input-element-4hgBpSNJ.js";
-import { e as _, n as b } from "./ref-iIffqQAI.js";
-import { e as a } from "./class-map-KyMqi0fa.js";
-var C = Object.defineProperty, v = Object.getOwnPropertyDescriptor, i = (e, t, l, p) => {
-  for (var h = p > 1 ? void 0 : p ? v(t, l) : t, r = e.length - 1, u; r >= 0; r--)
-    (u = e[r]) && (h = (p ? u(t, l, h) : u(h)) || h);
-  return p && h && C(t, l, h), h;
-};
-let c = class extends f {
-  constructor() {
-    super(...arguments), this.inputRef = _(), this.value = "", this.checkHelptext = null, this.defaultChecked = !1, this.hasTile = !1, this.checked = null, this.type = "radio", this._checked = !1;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-  }
-  attributeChangedCallback(e, t, l) {
-    e === "defaultChecked" && (this._checked = this.defaultChecked), e === "checked" && (this._checked = this.checked === "" || this.checked === "true" || this.checked === !0), super.attributeChangedCallback(e, t, l);
-  }
-  updated(e) {
-    e.has("checked") && this.checked !== null && (this._checked = this.checked === "" || this.checked === "true" || this.checked === !0, (e.get("checked") === "" || e.get("checked") === "true" || e.get("checked") === !0) !== this._checked && this.toggleChecked()), super.updated(e);
-  }
-  render() {
-    const e = a({
-      "pkt-input-check__input": !0,
-      "pkt-input-check__input--tile": this.hasTile,
-      "pkt-input-check__input--tile-disabled": this.disabled && this.hasTile
-    }), t = a({
-      "pkt-input-check__input-checkbox": !0,
-      "pkt-input-check__input-checkbox--error": this.hasError
-    });
-    return d`
-      <div class="pkt-input-check">
-        <div class=${e}>
-          <input
-            id=${this.id + "-internal"}
-            class=${t}
-            type="radio"
-            role="radio"
-            ?disabled=${this.disabled}
-            form=""
-            name=${this.name + "-internal"}
-            ${b(this.inputRef)}
-            @change=${this.toggleChecked}
-            @input=${this.onInput}
-            @blur=${this.onBlur}
-            @focus=${this.onFocus}
-            ?checked=${this.checked}
-          />
-          <label class="pkt-input-check__input-label" for=${this.id + "-internal"}>
-            ${this.label}
-            ${this.checkHelptext ? d`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : o}
-          </label>
-        </div>
-      </div>
-    `;
-  }
-  toggleChecked(e = null) {
-    e && e.stopImmediatePropagation(), this.touched = !0, this.inputRef.value && (this._checked = this.inputRef.value.matches(":checked"), this.valueChecked(this._checked));
-  }
-};
-i([
-  s({ type: String, reflect: !0 })
-], c.prototype, "value", 2);
-i([
-  s({ type: String })
-], c.prototype, "checkHelptext", 2);
-i([
-  s({ type: Boolean })
-], c.prototype, "defaultChecked", 2);
-i([
-  s({ type: Boolean })
-], c.prototype, "hasTile", 2);
-i([
-  s({ type: Boolean, reflect: !0 })
-], c.prototype, "checked", 2);
-i([
-  s({ type: String, reflect: !0 })
-], c.prototype, "type", 2);
-i([
-  k()
-], c.prototype, "_checked", 2);
-c = i([
-  n("pkt-radiobutton")
-], c);
-export {
-  c as P
-};