@oslokommune/punkt-elements 12.36.2 → 12.37.1

package/dist/modal-OC0efchb.cjs

@@ -0,0 +1,33 @@
+"use strict";const d=require("./class-map-DCyaICmy.cjs"),l=require("./element-BSypUpzA.cjs"),h=require("./state-B5KCNjEd.cjs"),k=require("./pkt-slot-controller-plQxXRvV.cjs"),r=require("./ref-BvbyvXRH.cjs");require("./icon-BnKGwYjj.cjs");const m={hideCloseButton:{default:!1},closeOnBackdropClick:{default:!1},size:{default:"medium"}},p={props:m};var f=Object.defineProperty,v=Object.getOwnPropertyDescriptor,i=(c,e,t,s)=>{for(var o=s>1?void 0:s?v(e,t):e,n=c.length-1,a;n>=0;n--)(a=c[n])&&(o=(s?a(e,t,o):a(o))||o);return s&&o&&f(e,t,o),o};exports.PktModal=class extends l.PktElement{constructor(){super(),this.headingText="",this.removePadding=!1,this.hideCloseButton=p.props.hideCloseButton.default,this.closeOnBackdropClick=p.props.closeOnBackdropClick.default,this.closeButtonSkin="blue",this.size=p.props.size.default,this.defaultSlot=r.e(),this.dialogRef=r.e(),this._isOpen=!1,this.close=(e,t=!1)=>{var o;if(!this._isOpen)return;this._isOpen=!1,document.body.classList.remove("pkt-modal--open");const s=document.activeElement;s&&!this.isElementInViewport(s)&&s.scrollIntoView({behavior:"smooth",block:"nearest"}),this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!0,composed:!0})),t||(o=this.dialogRef.value)==null||o.close(),this.requestUpdate()},this.showModal=(e=null)=>{var s;this._isOpen=!0,(s=this.dialogRef.value)==null||s.showModal();const t=document.querySelector(".pkt-modal");requestAnimationFrame(()=>{var o;this.dialogRef.value&&((o=this.dialogRef.value)==null||o.focus())}),t&&document.body.classList.add("pkt-modal--open"),this.dispatchEvent(new CustomEvent("showModal",{detail:{origin:e},bubbles:!0,composed:!0})),this.requestUpdate()},this.slotController=new k.PktSlotController(this,this.defaultSlot),this._isOpen=!1}async connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("click",this.handleBackdropClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("click",this.handleBackdropClick)}handleKeyDown(e){e.key==="Escape"&&this.close(e)}handleBackdropClick(e){var t;this.closeOnBackdropClick&&e.target===((t=this.dialogRef)==null?void 0:t.value)&&this.close(e)}isElementInViewport(e){const t=e.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)}render(){const e={"pkt-modal":!0,"pkt-modal--removePadding":this.removePadding??!1,"pkt-modal--noHeadingText":this.headingText===""||this.headingText===void 0,[`pkt-modal--${this.size}`]:this.size!==void 0},t={"pkt-modal__headingText":!0,"pkt-txt-24":!0},s={"pkt-modal__content":!0,"pkt-txt-18-light":!0},o=this.closeButtonSkin==="blue",n={"pkt-modal__closeButton":!0,[`pkt-modal__closeButton--${this.closeButtonSkin}`]:!0},a={"pkt-btn":!0,[`pkt-btn--${o?"tertiary":"primary"}`]:!0,"pkt-btn--icon-only":!0,"pkt-btn--medium":!0};return l.x`
+      <dialog
+        class=${d.e(e)}
+        ${r.n(this.dialogRef)}
+        aria-labelledby="pkt-modal__headingText"
+        aria-describedby="pkt-modal__content"
+        @close=${u=>this.close(u,!0)}
+      >
+        <div class="pkt-modal__header">
+          <div class="pkt-modal__header-background"></div>
+          ${this.headingText?l.x`<h1 id="pkt-modal__headingText" class=${d.e(t)}>
+                ${this.headingText}
+              </h1>`:l.E}
+          ${this.hideCloseButton?l.E:l.x`<div class="${d.e(n)}">
+                <pkt-button
+                  @click=${u=>this.close(u)}
+                  class=${d.e(a)}
+                  aria-label="close"
+                  iconname="close"
+                  variant="icon-only"
+                >
+                </pkt-button>
+              </div>`}
+        </div>
+        <div class="pkt-modal__container">
+          <div
+            id="pkt-modal__content"
+            class=${d.e(s)}
+            ${r.n(this.defaultSlot)}
+          ></div>
+        </div>
+      </dialog>
+    `}};i([l.n({type:String,reflect:!0})],exports.PktModal.prototype,"headingText",2);i([l.n({type:Boolean,reflect:!0})],exports.PktModal.prototype,"removePadding",2);i([l.n({type:Boolean,reflect:!0})],exports.PktModal.prototype,"hideCloseButton",2);i([l.n({type:Boolean,reflect:!0})],exports.PktModal.prototype,"closeOnBackdropClick",2);i([l.n({type:String,reflect:!0})],exports.PktModal.prototype,"closeButtonSkin",2);i([l.n({type:String,reflect:!0})],exports.PktModal.prototype,"size",2);i([h.r()],exports.PktModal.prototype,"_isOpen",2);exports.PktModal=i([l.t("pkt-modal")],exports.PktModal);

package/dist/pkt-button.cjs

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

package/dist/pkt-button.js

@@ -1,4 +1,4 @@
-import { P as t } from "./button-B6uRE7uT.js";
+import { P as t } from "./button-BYZHwPtW.js";
 const a = t;
 export {
   t as PktButton,

package/dist/pkt-checkbox.cjs

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

package/dist/pkt-checkbox.js

@@ -1,4 +1,4 @@
-import { P as o } from "./checkbox-CyYfA2fu.js";
+import { P as o } from "./checkbox-Cz3sIWt0.js";
 const k = o;
 export {
   o as PktCheckbox,

package/dist/pkt-combobox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./combobox-D9NKnao2.cjs"),o=e.PktCombobox;Object.defineProperty(exports,"PktCombobox",{enumerable:!0,get:()=>e.PktCombobox});exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./combobox-AbD1tkKx.cjs"),o=e.PktCombobox;Object.defineProperty(exports,"PktCombobox",{enumerable:!0,get:()=>e.PktCombobox});exports.default=o;

package/dist/pkt-combobox.js

@@ -1,4 +1,4 @@
-import { P as o } from "./combobox-CELUAZxF.js";
+import { P as o } from "./combobox-Bsaj6Z6Y.js";
 const b = o;
 export {
   o as PktCombobox,

package/dist/pkt-consent.cjs

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

package/dist/pkt-consent.js

@@ -0,0 +1,6 @@
+import { P as t } from "./consent-B888aPfK.js";
+const o = t;
+export {
+  t as PktConsent,
+  o as default
+};

package/dist/pkt-datepicker.cjs

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

package/dist/pkt-datepicker.js

@@ -1,4 +1,4 @@
-import { P as t } from "./datepicker-CpkTwszH.js";
+import { P as t } from "./datepicker-cNYYOtBI.js";
 const a = t;
 export {
   t as PktDatepicker,

package/dist/pkt-index.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("./alert-DWIElKEZ.cjs"),l=require("./accordionitem-cvsySqgK.cjs"),P=require("./backlink-HHM21crL.cjs"),b=require("./button-BNdVIhUp.cjs"),p=require("./calendar-CYY42kN4.cjs"),m=require("./card-BDcr3PII.cjs"),g=require("./combobox-D9NKnao2.cjs"),h=require("./checkbox-CqatE-eX.cjs"),t=require("./element-BSypUpzA.cjs"),f=require("./pkt-slot-controller-plQxXRvV.cjs"),s=require("./ref-BvbyvXRH.cjs"),y=require("./class-map-DCyaICmy.cjs"),O=require("./datepicker-cR9MtXOh.cjs"),j=require("./helptext-CCnYxYA9.cjs"),q=require("./heading-CP3NaeWE.cjs"),x=require("./icon-BnKGwYjj.cjs"),C=require("./input-wrapper-Cn929YTV.cjs"),v=require("./link-CnibgS3c.cjs"),S=require("./linkcard-DPGX1kb1.cjs"),$=require("./loader-BN4q8pSl.cjs"),L=require("./messagebox-BWJr42m9.cjs"),_=require("./modal-cPcTJriW.cjs"),A=require("./progressbar-DiRfScnB.cjs"),d=require("./radiobutton-CIW0FvT8.cjs"),B=require("./tag-CgkUxA5D.cjs"),T=require("./textarea-qX4Inr1X.cjs"),I=require("./textinput-BlsgLNwW.cjs"),M=require("./select-BJziJVde.cjs");var R=Object.defineProperty,H=Object.getOwnPropertyDescriptor,o=(a,e,r,i)=>{for(var n=i>1?void 0:i?H(e,r):e,u=a.length-1,c;u>=0;u--)(c=a[u])&&(n=(i?c(e,r,n):c(n))||n);return i&&n&&R(e,r,n),n};exports.PktComponent=class extends t.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=s.e(),this.namedSlot=s.e(),this.slotController=new f.PktSlotController(this,this.defaultSlot,this.namedSlot)}connectedCallback(){this.strings.length&&this.strings.forEach(e=>{this._list.push(e.toUpperCase())}),super.connectedCallback()}render(){const e={"pkt-component":!0,"pkt-component--has-list":this.strings.length>0,"pkt-darkmode":this.darkmode};return t.x`
-      <div class="${y.e(e)}">
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./alert-DWIElKEZ.cjs"),l=require("./accordionitem-cvsySqgK.cjs"),d=require("./backlink-HHM21crL.cjs"),b=require("./button-iCBnadXj.cjs"),k=require("./calendar-CYY42kN4.cjs"),m=require("./card-BDcr3PII.cjs"),g=require("./combobox-AbD1tkKx.cjs"),h=require("./consent-CFgCfRsF.cjs"),f=require("./checkbox-U8aPrLjG.cjs"),t=require("./element-BSypUpzA.cjs"),y=require("./pkt-slot-controller-plQxXRvV.cjs"),s=require("./ref-BvbyvXRH.cjs"),O=require("./class-map-DCyaICmy.cjs"),j=require("./datepicker-BAn16Z8U.cjs"),q=require("./helptext-CCnYxYA9.cjs"),x=require("./heading-CP3NaeWE.cjs"),C=require("./icon-BnKGwYjj.cjs"),v=require("./input-wrapper-Cn929YTV.cjs"),S=require("./link-CnibgS3c.cjs"),$=require("./linkcard-DPGX1kb1.cjs"),L=require("./loader-BN4q8pSl.cjs"),_=require("./messagebox-BWJr42m9.cjs"),A=require("./modal-OC0efchb.cjs"),B=require("./progressbar-DiRfScnB.cjs"),p=require("./radiobutton-DtL-nc1b.cjs"),T=require("./tag-CgkUxA5D.cjs"),I=require("./textarea-vr4tUfJ3.cjs"),M=require("./textinput-DTKG8h7M.cjs"),R=require("./select-CsrHon8V.cjs");var H=Object.defineProperty,w=Object.getOwnPropertyDescriptor,o=(a,e,r,i)=>{for(var n=i>1?void 0:i?w(e,r):e,u=a.length-1,c;u>=0;u--)(c=a[u])&&(n=(i?c(e,r,n):c(n))||n);return i&&n&&H(e,r,n),n};exports.PktComponent=class extends t.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=s.e(),this.namedSlot=s.e(),this.slotController=new y.PktSlotController(this,this.defaultSlot,this.namedSlot)}connectedCallback(){this.strings.length&&this.strings.forEach(e=>{this._list.push(e.toUpperCase())}),super.connectedCallback()}render(){const e={"pkt-component":!0,"pkt-component--has-list":this.strings.length>0,"pkt-darkmode":this.darkmode};return t.x`
+      <div class="${O.e(e)}">
         <h1 class="pkt-txt-28">${this.string}</h1>
 
         <h2 class="pkt-txt-22">Innhold fra attributter og funksjoner</h2>
@@ -26,4 +26,4 @@
       <ul>
         ${e.map(r=>t.x`<li>${r}</li>`)}
       </ul>
-    `}doStuff(e){return e.reverse()}handleGreeting(){this.dispatchEvent(new CustomEvent("pkt-greeting",{detail:"Hei på deg!"}))}};o([t.n({type:String})],exports.PktComponent.prototype,"string",2);o([t.n({converter:p.csvToArray})],exports.PktComponent.prototype,"strings",2);o([t.n({type:Boolean})],exports.PktComponent.prototype,"darkmode",2);o([t.n({type:Array})],exports.PktComponent.prototype,"_list",2);exports.PktComponent=o([t.t("pkt-component")],exports.PktComponent);Object.defineProperty(exports,"PktAlert",{enumerable:!0,get:()=>k.PktAlert});exports.PktAccordion=l.PktAccordion;exports.PktAccordionItem=l.PktAccordionItem;Object.defineProperty(exports,"PktBackLink",{enumerable:!0,get:()=>P.PktBackLink});Object.defineProperty(exports,"PktButton",{enumerable:!0,get:()=>b.PktButton});Object.defineProperty(exports,"PktCalendar",{enumerable:!0,get:()=>p.PktCalendar});Object.defineProperty(exports,"PktCard",{enumerable:!0,get:()=>m.PktCard});Object.defineProperty(exports,"PktCombobox",{enumerable:!0,get:()=>g.PktCombobox});Object.defineProperty(exports,"PktCheckbox",{enumerable:!0,get:()=>h.PktCheckbox});Object.defineProperty(exports,"PktDatepicker",{enumerable:!0,get:()=>O.PktDatepicker});Object.defineProperty(exports,"PktHelptext",{enumerable:!0,get:()=>j.PktHelptext});Object.defineProperty(exports,"PktHeading",{enumerable:!0,get:()=>q.PktHeading});Object.defineProperty(exports,"PktIcon",{enumerable:!0,get:()=>x.PktIcon});Object.defineProperty(exports,"PktInputWrapper",{enumerable:!0,get:()=>C.PktInputWrapper});Object.defineProperty(exports,"PktLink",{enumerable:!0,get:()=>v.PktLink});Object.defineProperty(exports,"PktLinkCard",{enumerable:!0,get:()=>S.PktLinkCard});Object.defineProperty(exports,"PktLoader",{enumerable:!0,get:()=>$.PktLoader});Object.defineProperty(exports,"PktMessagebox",{enumerable:!0,get:()=>L.PktMessagebox});Object.defineProperty(exports,"PktModal",{enumerable:!0,get:()=>_.PktModal});Object.defineProperty(exports,"PktProgressbar",{enumerable:!0,get:()=>A.PktProgressbar});Object.defineProperty(exports,"PktRadioButton",{enumerable:!0,get:()=>d.PktRadioButton});Object.defineProperty(exports,"PktRadiobutton",{enumerable:!0,get:()=>d.PktRadioButton});Object.defineProperty(exports,"PktTag",{enumerable:!0,get:()=>B.PktTag});Object.defineProperty(exports,"PktTextarea",{enumerable:!0,get:()=>T.PktTextarea});Object.defineProperty(exports,"PktTextinput",{enumerable:!0,get:()=>I.PktTextinput});Object.defineProperty(exports,"PktSelect",{enumerable:!0,get:()=>M.PktSelect});
+    `}doStuff(e){return e.reverse()}handleGreeting(){this.dispatchEvent(new CustomEvent("pkt-greeting",{detail:"Hei på deg!"}))}};o([t.n({type:String})],exports.PktComponent.prototype,"string",2);o([t.n({converter:k.csvToArray})],exports.PktComponent.prototype,"strings",2);o([t.n({type:Boolean})],exports.PktComponent.prototype,"darkmode",2);o([t.n({type:Array})],exports.PktComponent.prototype,"_list",2);exports.PktComponent=o([t.t("pkt-component")],exports.PktComponent);Object.defineProperty(exports,"PktAlert",{enumerable:!0,get:()=>P.PktAlert});exports.PktAccordion=l.PktAccordion;exports.PktAccordionItem=l.PktAccordionItem;Object.defineProperty(exports,"PktBackLink",{enumerable:!0,get:()=>d.PktBackLink});Object.defineProperty(exports,"PktButton",{enumerable:!0,get:()=>b.PktButton});Object.defineProperty(exports,"PktCalendar",{enumerable:!0,get:()=>k.PktCalendar});Object.defineProperty(exports,"PktCard",{enumerable:!0,get:()=>m.PktCard});Object.defineProperty(exports,"PktCombobox",{enumerable:!0,get:()=>g.PktCombobox});Object.defineProperty(exports,"PktConsent",{enumerable:!0,get:()=>h.PktConsent});Object.defineProperty(exports,"PktCheckbox",{enumerable:!0,get:()=>f.PktCheckbox});Object.defineProperty(exports,"PktDatepicker",{enumerable:!0,get:()=>j.PktDatepicker});Object.defineProperty(exports,"PktHelptext",{enumerable:!0,get:()=>q.PktHelptext});Object.defineProperty(exports,"PktHeading",{enumerable:!0,get:()=>x.PktHeading});Object.defineProperty(exports,"PktIcon",{enumerable:!0,get:()=>C.PktIcon});Object.defineProperty(exports,"PktInputWrapper",{enumerable:!0,get:()=>v.PktInputWrapper});Object.defineProperty(exports,"PktLink",{enumerable:!0,get:()=>S.PktLink});Object.defineProperty(exports,"PktLinkCard",{enumerable:!0,get:()=>$.PktLinkCard});Object.defineProperty(exports,"PktLoader",{enumerable:!0,get:()=>L.PktLoader});Object.defineProperty(exports,"PktMessagebox",{enumerable:!0,get:()=>_.PktMessagebox});Object.defineProperty(exports,"PktModal",{enumerable:!0,get:()=>A.PktModal});Object.defineProperty(exports,"PktProgressbar",{enumerable:!0,get:()=>B.PktProgressbar});Object.defineProperty(exports,"PktRadioButton",{enumerable:!0,get:()=>p.PktRadioButton});Object.defineProperty(exports,"PktRadiobutton",{enumerable:!0,get:()=>p.PktRadioButton});Object.defineProperty(exports,"PktTag",{enumerable:!0,get:()=>T.PktTag});Object.defineProperty(exports,"PktTextarea",{enumerable:!0,get:()=>I.PktTextarea});Object.defineProperty(exports,"PktTextinput",{enumerable:!0,get:()=>M.PktTextinput});Object.defineProperty(exports,"PktSelect",{enumerable:!0,get:()=>R.PktSelect});

package/dist/pkt-index.js

@@ -1,38 +1,39 @@
 import { P as A } from "./alert-B5lVS6Qs.js";
 import { P as B, a as E } from "./accordionitem-Db-3WiJS.js";
 import { P as O } from "./backlink-hvyJmwrO.js";
-import { P as T } from "./button-B6uRE7uT.js";
+import { P as T } from "./button-BYZHwPtW.js";
 import { c as f } from "./calendar-KDcOWD6V.js";
 import { P as D } from "./calendar-KDcOWD6V.js";
 import { P as G } from "./card-B5zTEmH1.js";
-import { P as K } from "./combobox-CELUAZxF.js";
-import { P as U } from "./checkbox-CyYfA2fu.js";
-import { P as h, t as k, x as P, n, a as c } from "./element-DjjF_tEh.js";
+import { P as K } from "./combobox-Bsaj6Z6Y.js";
+import { P as U } from "./consent-B888aPfK.js";
+import { P as q } from "./checkbox-Cz3sIWt0.js";
+import { P as k, t as h, x as P, n, a as c } from "./element-DjjF_tEh.js";
 import { P as x } from "./pkt-slot-controller-DFrc5O93.js";
 import { e as m, n as d } from "./ref-iIffqQAI.js";
 import { e as u } from "./class-map-KyMqi0fa.js";
-import { P as q } from "./datepicker-CpkTwszH.js";
-import { P as F } from "./helptext-BLHAJ1aC.js";
-import { P as Q } from "./heading-BkC05ohM.js";
-import { P as X } from "./icon-Beoxup8E.js";
-import { P as Z } from "./input-wrapper-CeeNYbDA.js";
-import { P as et } from "./link-BYI8VNGd.js";
-import { P as ot } from "./linkcard--zuuAt_v.js";
-import { P as at } from "./loader-DgIiyYBl.js";
-import { P as it } from "./messagebox-cme5VbUM.js";
-import { P as lt } from "./modal-B-varrJT.js";
-import { P as mt } from "./progressbar-BKt_aj7f.js";
-import { P as ft, P as ht } from "./radiobutton-DtHuz7qn.js";
-import { P as ct } from "./tag-CGnj4c1Z.js";
-import { P as ut } from "./textarea-CiA4IzMs.js";
-import { P as vt } from "./textinput-CrxjZNEq.js";
-import { P as bt } from "./select-DbRLz-7l.js";
+import { P as F } from "./datepicker-cNYYOtBI.js";
+import { P as Q } from "./helptext-BLHAJ1aC.js";
+import { P as X } from "./heading-BkC05ohM.js";
+import { P as Z } from "./icon-Beoxup8E.js";
+import { P as et } from "./input-wrapper-CeeNYbDA.js";
+import { P as ot } from "./link-BYI8VNGd.js";
+import { P as at } from "./linkcard--zuuAt_v.js";
+import { P as it } from "./loader-DgIiyYBl.js";
+import { P as lt } from "./messagebox-cme5VbUM.js";
+import { P as mt } from "./modal-DIwagdAc.js";
+import { P as ft } from "./progressbar-BKt_aj7f.js";
+import { P as ht, P as ct } from "./radiobutton-DtpGqoci.js";
+import { P as ut } from "./tag-CGnj4c1Z.js";
+import { P as vt } from "./textarea-BdjszjRh.js";
+import { P as bt } from "./textinput-D-hYhwtS.js";
+import { P as $t } from "./select-BO7s0ym6.js";
 var g = Object.defineProperty, v = Object.getOwnPropertyDescriptor, s = (t, e, i, a) => {
   for (var r = a > 1 ? void 0 : a ? v(e, i) : e, p = t.length - 1, l; p >= 0; p--)
     (l = t[p]) && (r = (a ? l(e, i, r) : l(r)) || r);
   return a && r && g(e, i, r), r;
 };
-let o = class extends h {
+let o = class extends k {
   constructor() {
     super(), this.string = "", this.strings = [], this.darkmode = !1, this._list = [], this.defaultSlot = m(), this.namedSlot = m(), this.slotController = new x(this, this.defaultSlot, this.namedSlot);
   }
@@ -74,7 +75,7 @@ let o = class extends h {
 
         <h2 class="pkt-txt-22">Knapp som emitter en event</h2>
         <button type="button" @click=${() => this.handleGreeting()}>
-          Si ${k.example.hi}
+          Si ${h.example.hi}
         </button>
       </div>
     `;
@@ -126,24 +127,25 @@ export {
   T as PktButton,
   D as PktCalendar,
   G as PktCard,
-  U as PktCheckbox,
+  q as PktCheckbox,
   K as PktCombobox,
   o as PktComponent,
-  q as PktDatepicker,
-  Q as PktHeading,
-  F as PktHelptext,
-  X as PktIcon,
-  Z as PktInputWrapper,
-  et as PktLink,
-  ot as PktLinkCard,
-  at as PktLoader,
-  it as PktMessagebox,
-  lt as PktModal,
-  mt as PktProgressbar,
-  ft as PktRadioButton,
-  ht as PktRadiobutton,
-  bt as PktSelect,
-  ct as PktTag,
-  ut as PktTextarea,
-  vt as PktTextinput
+  U as PktConsent,
+  F as PktDatepicker,
+  X as PktHeading,
+  Q as PktHelptext,
+  Z as PktIcon,
+  et as PktInputWrapper,
+  ot as PktLink,
+  at as PktLinkCard,
+  it as PktLoader,
+  lt as PktMessagebox,
+  mt as PktModal,
+  ft as PktProgressbar,
+  ht as PktRadioButton,
+  ct as PktRadiobutton,
+  $t as PktSelect,
+  ut as PktTag,
+  vt as PktTextarea,
+  bt as PktTextinput
 };

package/dist/pkt-modal.cjs

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

package/dist/pkt-modal.js

@@ -1,4 +1,4 @@
-import { P as a } from "./modal-B-varrJT.js";
+import { P as a } from "./modal-DIwagdAc.js";
 const t = a;
 export {
   a as PktModal,

package/dist/pkt-radiobutton.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./radiobutton-CIW0FvT8.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-DtL-nc1b.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-DtHuz7qn.js";
+import { P as t } from "./radiobutton-DtpGqoci.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-BJziJVde.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-CsrHon8V.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-DbRLz-7l.js";
+import { P as t } from "./select-BO7s0ym6.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-qX4Inr1X.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-vr4tUfJ3.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-CiA4IzMs.js";
+import { P as a } from "./textarea-BdjszjRh.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-BlsgLNwW.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-DTKG8h7M.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-CrxjZNEq.js";
+import { P as t } from "./textinput-D-hYhwtS.js";
 const p = t;
 export {
   t as PktTextinput,

package/dist/{radiobutton-CIW0FvT8.cjs → radiobutton-DtL-nc1b.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-BSypUpzA.cjs"),a=require("./state-B5KCNjEd.cjs"),p=require("./input-element-C9ma8cdz.cjs"),d=require("./ref-BvbyvXRH.cjs"),o=require("./class-map-DCyaICmy.cjs");var k=Object.defineProperty,r=Object.getOwnPropertyDescriptor,i=(u,e,c,s)=>{for(var h=s>1?void 0:s?r(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&&k(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`
+"use strict";const t=require("./element-BSypUpzA.cjs"),a=require("./state-B5KCNjEd.cjs"),p=require("./input-element-XmmyUZmB.cjs"),d=require("./ref-BvbyvXRH.cjs"),o=require("./class-map-DCyaICmy.cjs");var k=Object.defineProperty,r=Object.getOwnPropertyDescriptor,i=(u,e,c,s)=>{for(var h=s>1?void 0:s?r(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&&k(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

package/dist/{radiobutton-DtHuz7qn.js → radiobutton-DtpGqoci.js}

@@ -1,6 +1,6 @@
 import { E as n, x as r, n as s, a as o } from "./element-DjjF_tEh.js";
 import { r as k } from "./state-BtbpSrdV.js";
-import { P as f } from "./input-element-Bic-t96S.js";
+import { P as f } from "./input-element-aQDMXDVQ.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) => {

package/dist/{select-DbRLz-7l.js → select-BO7s0ym6.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-Bic-t96S.js";
+import { P as v } from "./input-element-aQDMXDVQ.js";
 import { P as f } from "./pkt-options-controller-CFmzX4xL.js";
 import { P as m } from "./pkt-slot-controller-DFrc5O93.js";
 import "./input-wrapper-CeeNYbDA.js";

package/dist/{select-BJziJVde.cjs → select-CsrHon8V.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-C9ma8cdz.cjs"),c=require("./pkt-options-controller-TJ1apYGF.cjs"),$=require("./pkt-slot-controller-plQxXRvV.cjs");require("./input-wrapper-Cn929YTV.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-XmmyUZmB.cjs"),c=require("./pkt-options-controller-TJ1apYGF.cjs"),$=require("./pkt-slot-controller-plQxXRvV.cjs");require("./input-wrapper-Cn929YTV.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/{textarea-CiA4IzMs.js → textarea-BdjszjRh.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-Bic-t96S.js";
+import { P as C } from "./input-element-aQDMXDVQ.js";
 import { P as E } from "./pkt-slot-controller-DFrc5O93.js";
 import "./input-wrapper-CeeNYbDA.js";
 import "./icon-Beoxup8E.js";

package/dist/{textarea-qX4Inr1X.cjs → textarea-vr4tUfJ3.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-C9ma8cdz.cjs"),T=require("./pkt-slot-controller-plQxXRvV.cjs");require("./input-wrapper-Cn929YTV.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-XmmyUZmB.cjs"),T=require("./pkt-slot-controller-plQxXRvV.cjs");require("./input-wrapper-Cn929YTV.cjs");require("./icon-BnKGwYjj.cjs");/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{textinput-CrxjZNEq.js → textinput-D-hYhwtS.js}

@@ -1,16 +1,16 @@
-import { E as p, x as h, n as o, a as $ } from "./element-DjjF_tEh.js";
+import { E as p, x as h, n as a, a as $ } from "./element-DjjF_tEh.js";
 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-Bic-t96S.js";
+import { P as x } from "./input-element-aQDMXDVQ.js";
 import { P as y } from "./pkt-slot-controller-DFrc5O93.js";
 import "./input-wrapper-CeeNYbDA.js";
 import "./icon-Beoxup8E.js";
-var v = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (e, i, r, t) => {
-  for (var a = t > 1 ? void 0 : t ? b(i, r) : i, l = e.length - 1, u; l >= 0; l--)
-    (u = e[l]) && (a = (t ? u(i, r, a) : u(a)) || a);
-  return t && a && v(i, r, a), a;
+var v = Object.defineProperty, b = Object.getOwnPropertyDescriptor, o = (e, i, r, t) => {
+  for (var n = t > 1 ? void 0 : t ? b(i, r) : i, l = e.length - 1, u; l >= 0; l--)
+    (u = e[l]) && (n = (t ? u(i, r, n) : u(n)) || n);
+  return t && n && v(i, r, n), n;
 };
 let s = class extends x {
   constructor() {
@@ -84,6 +84,13 @@ let s = class extends x {
     }}
             @blur=${(t) => {
       this.value = t.target.value, this.onBlur(), t.stopImmediatePropagation();
+    }}
+            @keydown=${(t) => {
+      var n;
+      if (t.key === "Enter") {
+        const l = this.internals.form;
+        l ? l.requestSubmit() : (n = this.inputRef.value) == null || n.blur();
+      }
     }}
           />
           ${this.suffix ? h`<div class="pkt-input-suffix">
@@ -104,34 +111,34 @@ let s = class extends x {
     `;
   }
 };
-n([
-  o({ type: String, reflect: !0 })
+o([
+  a({ type: String, reflect: !0 })
 ], s.prototype, "value", 2);
-n([
-  o({ type: String })
+o([
+  a({ type: String })
 ], s.prototype, "type", 2);
-n([
-  o({ type: Number })
+o([
+  a({ type: Number })
 ], s.prototype, "size", 2);
-n([
-  o({ type: String })
+o([
+  a({ type: String })
 ], s.prototype, "autocomplete", 2);
-n([
-  o({ type: String })
+o([
+  a({ type: String })
 ], s.prototype, "iconNameRight", 2);
-n([
-  o({ type: String })
+o([
+  a({ type: String })
 ], s.prototype, "prefix", 2);
-n([
-  o({ type: String })
+o([
+  a({ type: String })
 ], s.prototype, "suffix", 2);
-n([
-  o({ type: Boolean })
+o([
+  a({ type: Boolean })
 ], s.prototype, "omitSearchIcon", 2);
-n([
+o([
   f()
 ], s.prototype, "counterCurrent", 2);
-s = n([
+s = o([
   $("pkt-textinput")
 ], s);
 export {

package/dist/{textinput-BlsgLNwW.cjs → textinput-DTKG8h7M.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-BSypUpzA.cjs"),u=require("./if-defined-a3sotaUr.cjs"),l=require("./state-B5KCNjEd.cjs"),p=require("./ref-BvbyvXRH.cjs"),c=require("./class-map-DCyaICmy.cjs"),d=require("./input-element-C9ma8cdz.cjs"),x=require("./pkt-slot-controller-plQxXRvV.cjs");require("./input-wrapper-Cn929YTV.cjs");require("./icon-BnKGwYjj.cjs");var $=Object.defineProperty,g=Object.getOwnPropertyDescriptor,r=(o,i,s,n)=>{for(var e=n>1?void 0:n?g(i,s):i,a=o.length-1,h;a>=0;a--)(h=o[a])&&(e=(n?h(i,s,e):h(e))||e);return n&&e&&$(i,s,e),e};exports.PktTextinput=class extends d.PktInputElement{constructor(){super(),this.inputRef=p.e(),this.helptextSlot=p.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-XmmyUZmB.cjs"),x=require("./pkt-slot-controller-plQxXRvV.cjs");require("./input-wrapper-Cn929YTV.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}
@@ -22,11 +22,11 @@
         .requiredText=${this.requiredText}
         class="pkt-textinput"
       >
-        <div class="pkt-contents" ${p.n(this.helptextSlot)} name="helptext" slot="helptext"></div>
+        <div class="pkt-contents" ${a.n(this.helptextSlot)} name="helptext" slot="helptext"></div>
         <div class="pkt-input__container">
           ${this.prefix?t.x`<div class="pkt-input-prefix">${this.prefix}</div>`:t.E}
           <input
-            ${p.n(this.inputRef)}
+            ${a.n(this.inputRef)}
             class=${s}
             type=${this.type}
             name=${(this.name||this.id)+"-input"}
@@ -46,6 +46,7 @@
             @change=${e=>{e.stopImmediatePropagation()}}
             @focus=${e=>{this.onFocus(),e.stopImmediatePropagation()}}
             @blur=${e=>{this.value=e.target.value,this.onBlur(),e.stopImmediatePropagation()}}
+            @keydown=${e=>{var o;if(e.key==="Enter"){const p=this.internals.form;p?p.requestSubmit():(o=this.inputRef.value)==null||o.blur()}}}
           />
           ${this.suffix?t.x`<div class="pkt-input-suffix">
                 ${this.suffix}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "12.36.2",
+  "version": "12.37.1",
   "description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -23,14 +23,15 @@
   "dependencies": {
     "@date-fns/tz": "^1.2.0",
     "@lit-labs/router": "^0.1.3",
+    "@oslokommune/cookie-manager": "^1.1.0",
     "date-fns": "^4.1.0",
     "lit": "^3.3.0",
     "react-dom": ">=18.2.22",
     "urlpattern-polyfill": "^10.0.0"
   },
   "devDependencies": {
-    "@oslokommune/punkt-assets": "^12.34.4",
-    "@oslokommune/punkt-css": "^12.36.0",
+    "@oslokommune/punkt-assets": "^12.37.0",
+    "@oslokommune/punkt-css": "^12.37.0",
     "sass": "^1.78.0",
     "typescript": "^5.6.2",
     "vite": "^5.4.18",
@@ -57,5 +58,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "1e3fb63fe624f75fea89a821a5ce09505c62d71a"
+  "gitHead": "d45fb53f62fd8dff86a140774b531c7df33910d9"
 }

package/src/components/button/button.ts

@@ -82,6 +82,7 @@ export class PktButton extends PktElement<IPktButton> implements IPktButton {
     super.updated(_changedProperties)
 
     this.setAttribute('role', 'button')
+    this.internals.role = 'button'
 
     if (this.disabled) {
       if (this.getAttribute('tabindex') !== '-1') {