@oslokommune/punkt-elements 19.19.0 → 19.19.1

package/CHANGELOG.md

@@ -5,6 +5,11 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [19.20.0](https://github.com/oslokommune/punkt/compare/19.19.0...19.20.0) (2026-11-03)
+
+---
+
+
 ## [19.19.0](https://github.com/oslokommune/punkt/compare/19.18.4...19.19.0) (2026-10-22)
 
 ---

package/dist/components/textinput/index.d.ts

@@ -1,3 +1,4 @@
 import { PktTextinput } from './textinput';
 export { PktTextinput };
+export type { IPktTextinput } from './textinput';
 export default PktTextinput;

package/dist/components/textinput/textinput.d.ts

@@ -2,8 +2,29 @@ import { PropertyValues } from 'lit';
 import { Ref } from 'lit/directives/ref.js';
 import { ElementProps } from '../../types/typeUtils';
 import { PktInputElement } from '../../base-elements/input-element';
+import { Booleanish, IPktTextinputBase } from '../../shared-types';
 type Props = ElementProps<PktTextinput, 'value' | 'type' | 'size' | 'autocomplete' | 'iconNameRight' | 'prefix' | 'suffix' | 'omitSearchIcon'>;
-export declare class PktTextinput extends PktInputElement<Props> {
+export interface IPktTextinput extends Omit<IPktTextinputBase, 'form' | 'label' | 'placeholder' | 'size' | 'prefix' | 'suffix' | 'iconNameRight' | 'min' | 'max' | 'minLength' | 'maxLength' | 'step' | 'readOnly' | 'autoComplete' | 'ariaDescribedby' | 'ariaLabelledby' | 'helptextDropdownButton' | 'useWrapper'> {
+    label?: string | null;
+    placeholder?: string | null;
+    size?: number | null;
+    prefix?: string | null;
+    suffix?: string | null;
+    iconNameRight?: string | null;
+    min?: string | number | null;
+    max?: string | number | null;
+    minlength?: number | null;
+    maxlength?: number | null;
+    step?: number | null;
+    readonly?: boolean;
+    autocomplete?: string | null;
+    ariaDescribedby?: string | null;
+    ariaLabelledby?: string | null;
+    /** @deprecated Bruk `strings={{ forms: { readMore: '…' } }}` eller `setPktStrings()`. */
+    helptextDropdownButton?: string | null;
+    useWrapper?: Booleanish;
+}
+export declare class PktTextinput extends PktInputElement<Props> implements IPktTextinput {
     inputRef: Ref<HTMLTextAreaElement>;
     value: string;
     type: string;

package/dist/{header-Cptdf4fW.js → header-BYNzxXCo.js}

@@ -6,13 +6,13 @@ import { t as d } from "./booleanish-OQJTYSrw.js";
 import "./shared-types-A6iGIX-f.js";
 import { n as f, o as p, t as m } from "./fetch-header-footer-data-Pc32etrk.js";
 import "./icon-CUU42bZ0.js";
+import "./textinput-CRlErItw.js";
 import { t as h } from "./if-defined-D18nY_K_.js";
 import "./button-CF9k3ARf.js";
 import { n as g, t as _ } from "./ref-D4OwQYdf.js";
 import { n as v, t as y } from "./focus-trap-DG3pEuyJ.js";
 import { n as b, t as x } from "./scroll-lock-CR-g54ai.js";
 import "./link-BU6t5Tt9.js";
-import "./textinput-D_V3b327.js";
 import "./searchinput-BV2C1VbN.js";
 import "./header-menu-DxOSBiTJ.js";
 //#region ../../shared-types/header.ts

package/dist/{header-Cj08flhl.cjs → header-BqheRQpR.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./format-B8meU8Tm.cjs"),r=require("./element-with-slot-B0Vp_OuR.cjs"),i=require("./booleanish-BF8l4scU.cjs");require("./shared-types-BvRk9kiK.cjs");const a=require("./fetch-header-footer-data-CUKV0biS.cjs");require("./icon-CrG6o7ZE.cjs");const o=require("./if-defined-CiML3MTM.cjs");require("./button-BBFI3FuT.cjs");const s=require("./ref-CB7e9nMY.cjs"),c=require("./focus-trap-DSv4Ifqm.cjs"),l=require("./scroll-lock-x0VxhKWZ.cjs");require("./link-a1ZK4J1j.cjs"),require("./textinput-75MKBqas.cjs"),require("./searchinput-DqD_iLxV.cjs"),require("./header-menu-De2DNAXd.cjs");var u=e=>typeof e.target==`string`?{title:e.title,iconName:e.iconName,href:e.target}:{title:e.title,iconName:e.iconName,onClick:e.target},d=e=>u(e),f=e=>{if(!e)return;let t=typeof e==`string`?new Date(e):e;if(!isNaN(t.getTime()))return t.toLocaleDateString(`nb-NO`,{day:`numeric`,month:`long`,year:`numeric`,hour:`2-digit`,minute:`2-digit`})},p=class{constructor(e,t){this.isMobile=!1,this.isTablet=!1,this.isHidden=!1,this.pauseScrollHide=!1,this.componentWidth=typeof window<`u`?window.innerWidth:0,this.lastScrollPosition=0,this.scrollLockToken=l.t(),this.lastFocusedElement=null,this.shouldRestoreFocus=!1,this.initialWidthEstimated=!1,this.handleScroll=()=>{if(this.getOptions().scrollBehavior!==`hide`||this.pauseScrollHide)return;let e=window.pageYOffset||document.documentElement.scrollTop;if(e<0||Math.abs(e-this.lastScrollPosition)<60)return;let t=e>this.lastScrollPosition;this.lastScrollPosition=e,t!==this.isHidden&&(this.isHidden=t,this.host.requestUpdate())},this.host=e,this.getOptions=t,e.addController(this)}hostConnected(){window.addEventListener(`scroll`,this.handleScroll)}hostUpdate(){this.initialWidthEstimated||(this.initialWidthEstimated=!0,this.componentWidth=this.host.offsetWidth,this.applyBreakpoints())}hostDisconnected(){this.resizeObserver?.disconnect(),window.removeEventListener(`scroll`,this.handleScroll),l.n(this.scrollLockToken,!1)}observe(e){e&&(this.componentWidth=e.offsetWidth,this.refreshBreakpoints(),this.resizeObserver=new ResizeObserver(e=>{for(let t of e)this.componentWidth=t.borderBoxSize&&t.borderBoxSize.length>0?t.borderBoxSize[0].inlineSize:t.contentRect.width,this.refreshBreakpoints()}),this.resizeObserver.observe(e))}refreshBreakpoints(){this.applyBreakpoints()&&this.host.requestUpdate()}applyBreakpoints(){let{mobileBreakpoint:e,tabletBreakpoint:t}=this.getOptions(),n=this.componentWidth<e,r=this.componentWidth<t;return n===this.isMobile&&r===this.isTablet?!1:(this.isMobile=n,this.isTablet=r,!0)}setScrollLock(e){l.n(this.scrollLockToken,e)}captureFocus(){this.lastFocusedElement=document.activeElement}flagRestoreFocus(){this.shouldRestoreFocus=!0}restoreFocus(){this.shouldRestoreFocus&&this.lastFocusedElement&&document.contains(this.lastFocusedElement)&&this.lastFocusedElement.focus(),this.lastFocusedElement=null,this.shouldRestoreFocus=!1}},m=class extends e.t{constructor(...e){super(...e),this.canChangeRepresentation=!1,this.logoutOnClick=!1}handleChangeRepresentation(){this.dispatchEvent(new CustomEvent(`change-representation`,{bubbles:!0,composed:!0}))}handleLogout(){this.dispatchEvent(new CustomEvent(`log-out`,{bubbles:!0,composed:!0}))}handleMenuItemClick(e){`onClick`in e&&typeof e.onClick==`function`&&e.onClick()}renderLinkOrButton(n,r){let i=`href`in n,a=t.t({"pkt-user-menu__link":!0,"pkt-link-button":!i,"pkt-link":!i,"pkt-link--icon-left":!i,[r||``]:!!r});return i?e._`
+const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./format-B8meU8Tm.cjs"),r=require("./element-with-slot-B0Vp_OuR.cjs"),i=require("./booleanish-BF8l4scU.cjs");require("./shared-types-BvRk9kiK.cjs");const a=require("./fetch-header-footer-data-CUKV0biS.cjs");require("./icon-CrG6o7ZE.cjs"),require("./textinput-C5KWIB21.cjs");const o=require("./if-defined-CiML3MTM.cjs");require("./button-BBFI3FuT.cjs");const s=require("./ref-CB7e9nMY.cjs"),c=require("./focus-trap-DSv4Ifqm.cjs"),l=require("./scroll-lock-x0VxhKWZ.cjs");require("./link-a1ZK4J1j.cjs"),require("./searchinput-DqD_iLxV.cjs"),require("./header-menu-De2DNAXd.cjs");var u=e=>typeof e.target==`string`?{title:e.title,iconName:e.iconName,href:e.target}:{title:e.title,iconName:e.iconName,onClick:e.target},d=e=>u(e),f=e=>{if(!e)return;let t=typeof e==`string`?new Date(e):e;if(!isNaN(t.getTime()))return t.toLocaleDateString(`nb-NO`,{day:`numeric`,month:`long`,year:`numeric`,hour:`2-digit`,minute:`2-digit`})},p=class{constructor(e,t){this.isMobile=!1,this.isTablet=!1,this.isHidden=!1,this.pauseScrollHide=!1,this.componentWidth=typeof window<`u`?window.innerWidth:0,this.lastScrollPosition=0,this.scrollLockToken=l.t(),this.lastFocusedElement=null,this.shouldRestoreFocus=!1,this.initialWidthEstimated=!1,this.handleScroll=()=>{if(this.getOptions().scrollBehavior!==`hide`||this.pauseScrollHide)return;let e=window.pageYOffset||document.documentElement.scrollTop;if(e<0||Math.abs(e-this.lastScrollPosition)<60)return;let t=e>this.lastScrollPosition;this.lastScrollPosition=e,t!==this.isHidden&&(this.isHidden=t,this.host.requestUpdate())},this.host=e,this.getOptions=t,e.addController(this)}hostConnected(){window.addEventListener(`scroll`,this.handleScroll)}hostUpdate(){this.initialWidthEstimated||(this.initialWidthEstimated=!0,this.componentWidth=this.host.offsetWidth,this.applyBreakpoints())}hostDisconnected(){this.resizeObserver?.disconnect(),window.removeEventListener(`scroll`,this.handleScroll),l.n(this.scrollLockToken,!1)}observe(e){e&&(this.componentWidth=e.offsetWidth,this.refreshBreakpoints(),this.resizeObserver=new ResizeObserver(e=>{for(let t of e)this.componentWidth=t.borderBoxSize&&t.borderBoxSize.length>0?t.borderBoxSize[0].inlineSize:t.contentRect.width,this.refreshBreakpoints()}),this.resizeObserver.observe(e))}refreshBreakpoints(){this.applyBreakpoints()&&this.host.requestUpdate()}applyBreakpoints(){let{mobileBreakpoint:e,tabletBreakpoint:t}=this.getOptions(),n=this.componentWidth<e,r=this.componentWidth<t;return n===this.isMobile&&r===this.isTablet?!1:(this.isMobile=n,this.isTablet=r,!0)}setScrollLock(e){l.n(this.scrollLockToken,e)}captureFocus(){this.lastFocusedElement=document.activeElement}flagRestoreFocus(){this.shouldRestoreFocus=!0}restoreFocus(){this.shouldRestoreFocus&&this.lastFocusedElement&&document.contains(this.lastFocusedElement)&&this.lastFocusedElement.focus(),this.lastFocusedElement=null,this.shouldRestoreFocus=!1}},m=class extends e.t{constructor(...e){super(...e),this.canChangeRepresentation=!1,this.logoutOnClick=!1}handleChangeRepresentation(){this.dispatchEvent(new CustomEvent(`change-representation`,{bubbles:!0,composed:!0}))}handleLogout(){this.dispatchEvent(new CustomEvent(`log-out`,{bubbles:!0,composed:!0}))}handleMenuItemClick(e){`onClick`in e&&typeof e.onClick==`function`&&e.onClick()}renderLinkOrButton(n,r){let i=`href`in n,a=t.t({"pkt-user-menu__link":!0,"pkt-link-button":!i,"pkt-link":!i,"pkt-link--icon-left":!i,[r||``]:!!r});return i?e._`
         <pkt-link
           iconName=${n.iconName||e.h}
           href=${n.href}

package/dist/pkt-header.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./header-Cj08flhl.cjs");exports.PktHeader=e.t,exports.PktHeaderGlobal=e.n,exports.PktHeaderService=e.r,exports.PktHeaderUserMenu=e.i,exports.formatLastLoggedIn=e.a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./header-BqheRQpR.cjs");exports.PktHeader=e.t,exports.PktHeaderGlobal=e.n,exports.PktHeaderService=e.r,exports.PktHeaderUserMenu=e.i,exports.formatLastLoggedIn=e.a;

package/dist/pkt-header.js

@@ -1 +1 @@
-export { t as PktHeader, n as PktHeaderGlobal, r as PktHeaderService, i as PktHeaderUserMenu, a as formatLastLoggedIn } from "./header-Cptdf4fW.js";
+export { t as PktHeader, n as PktHeaderGlobal, r as PktHeaderService, i as PktHeaderUserMenu, a as formatLastLoggedIn } from "./header-BYNzxXCo.js";

package/dist/pkt-index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./element-C6WTyJFE.cjs"),t=require("./consent-DNHRe0zV.cjs"),n=require("./alert-Dy5N7qK-.cjs"),r=require("./header-Cj08flhl.cjs"),i=require("./card-mi3VKIoy.cjs"),a=require("./checkbox-B8foyiOW.cjs"),o=require("./radiobutton-IcDc6ze2.cjs"),s=require("./icon-CrG6o7ZE.cjs"),c=require("./loader-DwGMavG7.cjs"),l=require("./accordion-Bg4CMrUM.cjs"),u=require("./input-wrapper-QzdntWJX.cjs"),d=require("./textarea-B5OfR-QI.cjs"),f=require("./messagebox-DR-s6tyr.cjs"),p=require("./calendar-Dds9KFiE.cjs"),m=require("./combobox-DLDvyuDh.cjs"),h=require("./button-BBFI3FuT.cjs"),g=require("./backlink-BnWruRuj.cjs"),_=require("./breadcrumbs-CyWtnx2B.cjs"),v=require("./tag-DrFK8Wq3.cjs"),y=require("./helptext-BbrFE48Y.cjs"),b=require("./checkbox-group-BlBgrzKG.cjs"),x=require("./fileupload-M66Pd-QJ.cjs"),S=require("./modal-C5AiVm5g.cjs"),C=require("./progressbar-YfHSPmqI.cjs"),w=require("./datepicker-C7F1Yc5N.cjs"),T=require("./footer-HFL2sjAY.cjs"),E=require("./link-a1ZK4J1j.cjs"),D=require("./textinput-75MKBqas.cjs"),O=require("./searchinput-DqD_iLxV.cjs"),k=require("./header-menu-De2DNAXd.cjs"),A=require("./heading--hGRDNX9.cjs"),j=require("./linkcard-Cu4Rh71U.cjs"),M=require("./radio-group-bpIEEMdL.cjs"),N=require("./tabs-BcnYrmjU.cjs"),P=require("./select-CHqM6kI-.cjs"),F=require("./timepicker-RxsG0mCF.cjs");exports.PktAccordion=l.r,exports.PktAccordionItem=l.n,exports.PktAlert=n.n,exports.PktBackLink=g.n,exports.PktBreadcrumbs=_.t,exports.PktButton=h.n,exports.PktCalendar=p.n,exports.PktCard=i.n,exports.PktCheckbox=a.n,exports.PktCheckboxGroup=b.n,exports.PktCombobox=m.n,exports.PktConsent=t.n,exports.PktDateTags=w.a,exports.PktDatepicker=w.t,Object.defineProperty(exports,"PktFileUpload",{enumerable:!0,get:function(){return x.n}}),exports.PktFooter=T.n,exports.PktFooterSimple=T.t,exports.PktHeader=r.t,exports.PktHeaderGlobal=r.n,exports.PktHeaderMenu=k.n,exports.PktHeaderService=r.r,exports.PktHeaderUserMenu=r.i,exports.PktHeading=A.n,exports.PktHelptext=y.n,exports.PktIcon=s.n,exports.PktInputWrapper=u.n,exports.PktLink=E.n,exports.PktLinkCard=j.n,exports.PktLoader=c.n,exports.PktMessagebox=f.n,exports.PktModal=S.n,exports.PktProgressbar=C.n,exports.PktRadioButton=o.n,exports.PktRadiobutton=o.n,exports.PktRadioGroup=M.n,exports.PktSearchInput=O.n,exports.PktSelect=P.n,exports.PktTabItem=N.n,exports.PktTabs=N.r,exports.PktTag=v.n,exports.PktTextarea=d.n,exports.PktTextinput=D.n,exports.PktTimepicker=F.t,exports.getPktStrings=e.r,exports.pktStringsNb=e.s,exports.resetPktStrings=e.i,exports.setPktStrings=e.a,exports.subscribePktStrings=e.o;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./element-C6WTyJFE.cjs"),t=require("./consent-DNHRe0zV.cjs"),n=require("./alert-Dy5N7qK-.cjs"),r=require("./header-BqheRQpR.cjs"),i=require("./card-mi3VKIoy.cjs"),a=require("./checkbox-B8foyiOW.cjs"),o=require("./radiobutton-IcDc6ze2.cjs"),s=require("./icon-CrG6o7ZE.cjs"),c=require("./loader-DwGMavG7.cjs"),l=require("./accordion-Bg4CMrUM.cjs"),u=require("./input-wrapper-QzdntWJX.cjs"),d=require("./textarea-B5OfR-QI.cjs"),f=require("./textinput-C5KWIB21.cjs"),p=require("./messagebox-DR-s6tyr.cjs"),m=require("./calendar-Dds9KFiE.cjs"),h=require("./combobox-DLDvyuDh.cjs"),g=require("./button-BBFI3FuT.cjs"),_=require("./backlink-BnWruRuj.cjs"),v=require("./breadcrumbs-CyWtnx2B.cjs"),y=require("./tag-DrFK8Wq3.cjs"),b=require("./helptext-BbrFE48Y.cjs"),x=require("./checkbox-group-BlBgrzKG.cjs"),S=require("./fileupload-M66Pd-QJ.cjs"),C=require("./modal-C5AiVm5g.cjs"),w=require("./progressbar-YfHSPmqI.cjs"),T=require("./datepicker-C7F1Yc5N.cjs"),E=require("./footer-HFL2sjAY.cjs"),D=require("./link-a1ZK4J1j.cjs"),O=require("./searchinput-DqD_iLxV.cjs"),k=require("./header-menu-De2DNAXd.cjs"),A=require("./heading--hGRDNX9.cjs"),j=require("./linkcard-Cu4Rh71U.cjs"),M=require("./radio-group-bpIEEMdL.cjs"),N=require("./tabs-BcnYrmjU.cjs"),P=require("./select-CHqM6kI-.cjs"),F=require("./timepicker-RxsG0mCF.cjs");exports.PktAccordion=l.r,exports.PktAccordionItem=l.n,exports.PktAlert=n.n,exports.PktBackLink=_.n,exports.PktBreadcrumbs=v.t,exports.PktButton=g.n,exports.PktCalendar=m.n,exports.PktCard=i.n,exports.PktCheckbox=a.n,exports.PktCheckboxGroup=x.n,exports.PktCombobox=h.n,exports.PktConsent=t.n,exports.PktDateTags=T.a,exports.PktDatepicker=T.t,Object.defineProperty(exports,"PktFileUpload",{enumerable:!0,get:function(){return S.n}}),exports.PktFooter=E.n,exports.PktFooterSimple=E.t,exports.PktHeader=r.t,exports.PktHeaderGlobal=r.n,exports.PktHeaderMenu=k.n,exports.PktHeaderService=r.r,exports.PktHeaderUserMenu=r.i,exports.PktHeading=A.n,exports.PktHelptext=b.n,exports.PktIcon=s.n,exports.PktInputWrapper=u.n,exports.PktLink=D.n,exports.PktLinkCard=j.n,exports.PktLoader=c.n,exports.PktMessagebox=p.n,exports.PktModal=C.n,exports.PktProgressbar=w.n,exports.PktRadioButton=o.n,exports.PktRadiobutton=o.n,exports.PktRadioGroup=M.n,exports.PktSearchInput=O.n,exports.PktSelect=P.n,exports.PktTabItem=N.n,exports.PktTabs=N.r,exports.PktTag=y.n,exports.PktTextarea=d.n,exports.PktTextinput=f.n,exports.PktTimepicker=F.t,exports.getPktStrings=e.r,exports.pktStringsNb=e.s,exports.resetPktStrings=e.i,exports.setPktStrings=e.a,exports.subscribePktStrings=e.o;

package/dist/pkt-index.js

@@ -1,7 +1,7 @@
 import { a as e, i as t, o as n, r, s as i } from "./element-ckeMVgMz.js";
 import { n as a } from "./consent-BTw6uqFf.js";
 import { n as o } from "./alert-BAaZIR3e.js";
-import { i as s, n as c, r as l, t as u } from "./header-Cptdf4fW.js";
+import { i as s, n as c, r as l, t as u } from "./header-BYNzxXCo.js";
 import { n as d } from "./card-Ddu0sQ0f.js";
 import { n as f } from "./checkbox-D9-KugOh.js";
 import { n as p } from "./radiobutton-DMvVv81Y.js";
@@ -10,22 +10,22 @@ import { n as h } from "./loader-Y8V3Q82X.js";
 import { n as g, r as _ } from "./accordion-BHVzR-6Z.js";
 import { n as v } from "./input-wrapper-CHwWQgZP.js";
 import { n as y } from "./textarea-Du1Z9JUu.js";
-import { n as b } from "./messagebox-wJcXW5hI.js";
-import { n as x } from "./calendar-BX3n3vhs.js";
-import { n as S } from "./combobox-BAkblu9M.js";
-import { n as C } from "./button-CF9k3ARf.js";
-import { n as w } from "./backlink-Dlkyj0ns.js";
-import { t as T } from "./breadcrumbs-Bfv8W2CF.js";
-import { n as E } from "./tag-BOTH9kMz.js";
-import { n as D } from "./helptext-BVYv8Lm9.js";
-import { n as O } from "./checkbox-group-Dz1ypmbU.js";
-import { n as k } from "./fileupload-CEwnpxZj.js";
-import { n as A } from "./modal-BafCTC4M.js";
-import { n as j } from "./progressbar-BukfOcRk.js";
-import { a as M, t as N } from "./datepicker-9dmdHweu.js";
-import { n as P, t as F } from "./footer-DZ4aA6fj.js";
-import { n as I } from "./link-BU6t5Tt9.js";
-import { n as L } from "./textinput-D_V3b327.js";
+import { n as b } from "./textinput-CRlErItw.js";
+import { n as x } from "./messagebox-wJcXW5hI.js";
+import { n as S } from "./calendar-BX3n3vhs.js";
+import { n as C } from "./combobox-BAkblu9M.js";
+import { n as w } from "./button-CF9k3ARf.js";
+import { n as T } from "./backlink-Dlkyj0ns.js";
+import { t as E } from "./breadcrumbs-Bfv8W2CF.js";
+import { n as D } from "./tag-BOTH9kMz.js";
+import { n as O } from "./helptext-BVYv8Lm9.js";
+import { n as k } from "./checkbox-group-Dz1ypmbU.js";
+import { n as A } from "./fileupload-CEwnpxZj.js";
+import { n as j } from "./modal-BafCTC4M.js";
+import { n as M } from "./progressbar-BukfOcRk.js";
+import { a as N, t as P } from "./datepicker-9dmdHweu.js";
+import { n as F, t as I } from "./footer-DZ4aA6fj.js";
+import { n as L } from "./link-BU6t5Tt9.js";
 import { n as R } from "./searchinput-BV2C1VbN.js";
 import { n as z } from "./header-menu-DxOSBiTJ.js";
 import { n as B } from "./heading-B1Ey3XzB.js";
@@ -34,4 +34,4 @@ import { n as H } from "./radio-group-Bg6ODpT3.js";
 import { n as U, r as W } from "./tabs-B2RjklQl.js";
 import { n as G } from "./select-DKBfPgJB.js";
 import { t as K } from "./timepicker-DVqTAxt0.js";
-export { _ as PktAccordion, g as PktAccordionItem, o as PktAlert, w as PktBackLink, T as PktBreadcrumbs, C as PktButton, x as PktCalendar, d as PktCard, f as PktCheckbox, O as PktCheckboxGroup, S as PktCombobox, a as PktConsent, M as PktDateTags, N as PktDatepicker, k as PktFileUpload, P as PktFooter, F as PktFooterSimple, u as PktHeader, c as PktHeaderGlobal, z as PktHeaderMenu, l as PktHeaderService, s as PktHeaderUserMenu, B as PktHeading, D as PktHelptext, m as PktIcon, v as PktInputWrapper, I as PktLink, V as PktLinkCard, h as PktLoader, b as PktMessagebox, A as PktModal, j as PktProgressbar, p as PktRadioButton, p as PktRadiobutton, H as PktRadioGroup, R as PktSearchInput, G as PktSelect, U as PktTabItem, W as PktTabs, E as PktTag, y as PktTextarea, L as PktTextinput, K as PktTimepicker, r as getPktStrings, i as pktStringsNb, t as resetPktStrings, e as setPktStrings, n as subscribePktStrings };
+export { _ as PktAccordion, g as PktAccordionItem, o as PktAlert, T as PktBackLink, E as PktBreadcrumbs, w as PktButton, S as PktCalendar, d as PktCard, f as PktCheckbox, k as PktCheckboxGroup, C as PktCombobox, a as PktConsent, N as PktDateTags, P as PktDatepicker, A as PktFileUpload, F as PktFooter, I as PktFooterSimple, u as PktHeader, c as PktHeaderGlobal, z as PktHeaderMenu, l as PktHeaderService, s as PktHeaderUserMenu, B as PktHeading, O as PktHelptext, m as PktIcon, v as PktInputWrapper, L as PktLink, V as PktLinkCard, h as PktLoader, x as PktMessagebox, j as PktModal, M as PktProgressbar, p as PktRadioButton, p as PktRadiobutton, H as PktRadioGroup, R as PktSearchInput, G as PktSelect, U as PktTabItem, W as PktTabs, D as PktTag, y as PktTextarea, b as PktTextinput, K as PktTimepicker, r as getPktStrings, i as pktStringsNb, t as resetPktStrings, e as setPktStrings, n as subscribePktStrings };

package/dist/pkt-textinput.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./textinput-75MKBqas.cjs");exports.PktTextinput=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./textinput-C5KWIB21.cjs");exports.PktTextinput=e.n,exports.default=e.t;

package/dist/pkt-textinput.js

@@ -1 +1 @@
-export { n as PktTextinput, t as default } from "./textinput-D_V3b327.js";
+export { n as PktTextinput, t as default } from "./textinput-CRlErItw.js";

package/dist/shared-types/index.d.ts

@@ -43,6 +43,8 @@ export type { IHelptextProps, ITagOptionalRequiredProps, IFormFieldLabelProps, I
 export { COUNTER_POSITIONS, INPUT_WRAPPER_DEFAULTS } from './input-wrapper';
 export { TEXTAREA_DEFAULTS } from './textarea';
 export type { IPktTextareaBase, ITextareaSpecProps } from './textarea';
+export { TEXTINPUT_DEFAULTS, TEXTINPUT_TYPES } from './textinput';
+export type { TPktTextinputType, IPktTextinputBase, ITextinputSpecProps } from './textinput';
 export type { TPktCounterPosition, IPktInputWrapperBase, IInputWrapperSpecProps, } from './input-wrapper';
 export type { TTagSkin } from './skin';
 export { MESSAGEBOX_SKINS, MESSAGEBOX_DEFAULTS } from './messagebox';

package/dist/shared-types/textinput.d.ts

@@ -0,0 +1,82 @@
+/**
+ * textinput.ts
+ *
+ * Type definitions for pkt-textinput.
+ * Used by React, Elements, and typed component specs.
+ */
+import type { IFormFieldCommonProps } from './form-field';
+import type { TPktInputSize } from './size';
+/** `type`-verdier som dokumenteres for pkt-textinput. Komponenten godtar fortsatt en vanlig streng. */
+export declare const TEXTINPUT_TYPES: readonly ['color', 'date', 'datetime-local', 'email', 'file', 'month', 'number', 'password', 'search', 'tel', 'text', 'time', 'url', 'week'];
+export type TPktTextinputType = (typeof TEXTINPUT_TYPES)[number];
+/**
+ * Textinput props shared by React, Elements, and typed component specs.
+ *
+ * @remarks Keys follow the React prop names. Elements uses lowercase properties instead:
+ * `autocomplete`, `minlength`, `maxlength` and `readonly`.
+ *
+ * React requires `id` and `label`, and widens `helptext`, `helptextDropdown` and
+ * `errorMessage` to `ReactNode`.
+ * Elements widens `label`, `placeholder`, `size`,
+ * `prefix`, `suffix`, `iconNameRight`, `ariaDescribedby`, `ariaLabelledby` and
+ * `helptextDropdownButton` to `| null`, `useWrapper` to `Booleanish`, and omits
+ * `form`. On Elements `form` is a getter that returns the associated
+ * `HTMLFormElement`, not the form id.
+ *
+ * `counter` and `hasFieldset` are tri-state: `null` means the component derives the value.
+ */
+export interface IPktTextinputBase extends IFormFieldCommonProps<'forms' | 'validation'> {
+    id?: string;
+    name?: string;
+    form?: string;
+    value?: string;
+    placeholder?: string;
+    type?: string;
+    /** Bredde i antall tegn (HTML-attributtet `size`), ikke den visuelle `inputSize`. */
+    size?: number;
+    omitSearchIcon?: boolean;
+    prefix?: string;
+    suffix?: string;
+    iconNameRight?: string;
+    min?: number | string;
+    max?: number | string;
+    minLength?: number;
+    maxLength?: number;
+    step?: number | string;
+    readOnly?: boolean;
+    autoComplete?: string;
+    required?: boolean;
+    ariaDescribedby?: string;
+    ariaLabelledby?: string;
+    inline?: boolean;
+    fullwidth?: boolean;
+    useWrapper?: boolean;
+    counter?: boolean | null;
+    counterMaxLength?: number;
+    inputSize?: TPktInputSize;
+    hasFieldset?: boolean | null;
+}
+/**
+ * Documented Textinput props (subset of `IPktTextinputBase`).
+ * Used for typed component specs in documentation.
+ */
+export type ITextinputSpecProps = Pick<IPktTextinputBase, 'label' | 'name' | 'form' | 'placeholder' | 'helptext' | 'helptextDropdown' | 'helptextDropdownButton' | 'size' | 'type' | 'omitSearchIcon' | 'value' | 'autoComplete' | 'suffix' | 'prefix' | 'iconNameRight' | 'min' | 'max' | 'minLength' | 'maxLength' | 'step' | 'readOnly' | 'ariaLabelledby' | 'ariaDescribedby' | 'required' | 'requiredTag' | 'requiredText' | 'optionalTag' | 'optionalText' | 'tagText' | 'hasError' | 'errorMessage' | 'disabled' | 'inline' | 'fullwidth' | 'useWrapper' | 'id' | 'counter' | 'counterMaxLength' | 'inputSize' | 'hasFieldset'>;
+/**
+ * Default values for pkt-textinput. Single source of truth for both frameworks.
+ * `counter` and `hasFieldset` are intentionally absent — `null` lets the component derive them.
+ */
+export declare const TEXTINPUT_DEFAULTS: {
+    readonly type: 'text';
+    readonly autoComplete: 'off';
+    readonly omitSearchIcon: false;
+    readonly required: false;
+    readonly readOnly: false;
+    readonly requiredTag: false;
+    readonly optionalTag: false;
+    readonly hasError: false;
+    readonly disabled: false;
+    readonly inline: false;
+    readonly fullwidth: false;
+    readonly useWrapper: true;
+    readonly inputSize: 'medium';
+};

package/dist/{textinput-75MKBqas.cjs → textinput-C5KWIB21.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./element-with-slot-B0Vp_OuR.cjs");require("./icon-CrG6o7ZE.cjs");const r=require("./input-wrapper-QzdntWJX.cjs"),i=require("./if-defined-CiML3MTM.cjs"),a=require("./ref-CB7e9nMY.cjs"),o=require("./input-element-D82laWtR.cjs");var s=class extends o.t{constructor(...e){super(...e),this.inputRef=a.t(),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}attributeChangedCallback(e,t,n){e===`value`&&this.value!==t&&(this.counterCurrent=n?n.length:0),super.attributeChangedCallback(e,t,n)}willUpdate(e){super.willUpdate(e),e.has(`value`)&&typeof this.value!=`string`&&!Array.isArray(this.value)&&(this.value=this.coerceToString(this.value)),e.has(`value`)&&(this.counterCurrent=this.value?.length||0),e.has(`id`)&&!this.name&&this.id&&(this.name=this.id)}updated(e){super.updated(e),this.classList.add(`pkt-textinput`),e.has(`value`)&&this.valueChanged(this.value,e.get(`value`))}render(){let o=this.type===`search`&&!this.iconNameRight&&!this.omitSearchIcon,s=this.effectiveCounter(this.counterMaxLength>0),c=t.t({"pkt-input":!0,[`pkt-input--${this.inputSize}`]:!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":s&&this.counterMaxLength>0&&this.value.length>this.counterMaxLength}),l=this.ariaLabelledby||`${this.id}-input-label`;return e._`
+const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./element-with-slot-B0Vp_OuR.cjs");require("./shared-types-BvRk9kiK.cjs"),require("./icon-CrG6o7ZE.cjs");const r=require("./input-wrapper-QzdntWJX.cjs"),i=require("./if-defined-CiML3MTM.cjs"),a=require("./ref-CB7e9nMY.cjs"),o=require("./input-element-D82laWtR.cjs");var s={type:`text`,autoComplete:`off`,omitSearchIcon:!1,required:!1,readOnly:!1,requiredTag:!1,optionalTag:!1,hasError:!1,disabled:!1,inline:!1,fullwidth:!1,useWrapper:!0,inputSize:`medium`},c=class extends o.t{constructor(...e){super(...e),this.inputRef=a.t(),this.value=``,this.type=s.type,this.size=null,this.autocomplete=s.autoComplete,this.iconNameRight=null,this.prefix=null,this.suffix=null,this.omitSearchIcon=s.omitSearchIcon,this.counterCurrent=0}attributeChangedCallback(e,t,n){e===`value`&&this.value!==t&&(this.counterCurrent=n?n.length:0),super.attributeChangedCallback(e,t,n)}willUpdate(e){super.willUpdate(e),e.has(`value`)&&typeof this.value!=`string`&&!Array.isArray(this.value)&&(this.value=this.coerceToString(this.value)),e.has(`value`)&&(this.counterCurrent=this.value?.length||0),e.has(`id`)&&!this.name&&this.id&&(this.name=this.id)}updated(e){super.updated(e),this.classList.add(`pkt-textinput`),e.has(`value`)&&this.valueChanged(this.value,e.get(`value`))}render(){let o=this.type===`search`&&!this.iconNameRight&&!this.omitSearchIcon,s=this.effectiveCounter(this.counterMaxLength>0),c=t.t({"pkt-input":!0,[`pkt-input--${this.inputSize}`]:!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":s&&this.counterMaxLength>0&&this.value.length>this.counterMaxLength}),l=this.ariaLabelledby||`${this.id}-input-label`;return e._`
       <pkt-input-wrapper
         ${n.n(this,[`helptext`])}
         .strings=${this.strings}
@@ -69,4 +69,4 @@ const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),
           ${!this.suffix&&o?e._`<pkt-icon class="pkt-input-icon" name="magnifying-glass-big"></pkt-icon>`:e.h}
         </div>
       </pkt-input-wrapper>
-    `}};e.n([e.u({type:String,reflect:!0})],s.prototype,`value`,void 0),e.n([e.u({type:String})],s.prototype,`type`,void 0),e.n([e.u({type:Number})],s.prototype,`size`,void 0),e.n([e.u({type:String})],s.prototype,`autocomplete`,void 0),e.n([e.u({type:String})],s.prototype,`iconNameRight`,void 0),e.n([e.u({type:String})],s.prototype,`prefix`,void 0),e.n([e.u({type:String})],s.prototype,`suffix`,void 0),e.n([e.u({type:Boolean})],s.prototype,`omitSearchIcon`,void 0),e.n([e.l()],s.prototype,`counterCurrent`,void 0);try{e.d(`pkt-textinput`)(s)}catch{console.warn(`Forsøker å definere <pkt-textinput>, men den er allerede definert`)}var c=s;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});
+    `}};e.n([e.u({type:String,reflect:!0})],c.prototype,`value`,void 0),e.n([e.u({type:String})],c.prototype,`type`,void 0),e.n([e.u({type:Number})],c.prototype,`size`,void 0),e.n([e.u({type:String})],c.prototype,`autocomplete`,void 0),e.n([e.u({type:String})],c.prototype,`iconNameRight`,void 0),e.n([e.u({type:String})],c.prototype,`prefix`,void 0),e.n([e.u({type:String})],c.prototype,`suffix`,void 0),e.n([e.u({type:Boolean})],c.prototype,`omitSearchIcon`,void 0),e.n([e.l()],c.prototype,`counterCurrent`,void 0);try{e.d(`pkt-textinput`)(c)}catch{console.warn(`Forsøker å definere <pkt-textinput>, men den er allerede definert`)}var l=c;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/dist/{textinput-D_V3b327.js → textinput-CRlErItw.js}

@@ -1,15 +1,30 @@
 import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-ckeMVgMz.js";
 import { t as o } from "./class-map-BkEYw5uE.js";
 import { n as s } from "./element-with-slot-Dp2Gzv-Q.js";
+import "./shared-types-A6iGIX-f.js";
 import "./icon-CUU42bZ0.js";
 import { r as c } from "./input-wrapper-CHwWQgZP.js";
 import { t as l } from "./if-defined-D18nY_K_.js";
 import { n as u, t as d } from "./ref-D4OwQYdf.js";
 import { t as f } from "./input-element-DczlJQb1.js";
-//#region src/components/textinput/textinput.ts
-var p = class extends f {
+//#region ../../shared-types/textinput.ts
+var p = {
+	type: "text",
+	autoComplete: "off",
+	omitSearchIcon: !1,
+	required: !1,
+	readOnly: !1,
+	requiredTag: !1,
+	optionalTag: !1,
+	hasError: !1,
+	disabled: !1,
+	inline: !1,
+	fullwidth: !1,
+	useWrapper: !0,
+	inputSize: "medium"
+}, m = class extends f {
 	constructor(...e) {
-		super(...e), this.inputRef = d(), 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;
+		super(...e), this.inputRef = d(), this.value = "", this.type = p.type, this.size = null, this.autocomplete = p.autoComplete, this.iconNameRight = null, this.prefix = null, this.suffix = null, this.omitSearchIcon = p.omitSearchIcon, this.counterCurrent = 0;
 	}
 	attributeChangedCallback(e, t, n) {
 		e === "value" && this.value !== t && (this.counterCurrent = n ? n.length : 0), super.attributeChangedCallback(e, t, n);
@@ -122,14 +137,14 @@ var p = class extends f {
 i([a({
 	type: String,
 	reflect: !0
-})], p.prototype, "value", void 0), i([a({ type: String })], p.prototype, "type", void 0), i([a({ type: Number })], p.prototype, "size", void 0), i([a({ type: String })], p.prototype, "autocomplete", void 0), i([a({ type: String })], p.prototype, "iconNameRight", void 0), i([a({ type: String })], p.prototype, "prefix", void 0), i([a({ type: String })], p.prototype, "suffix", void 0), i([a({ type: Boolean })], p.prototype, "omitSearchIcon", void 0), i([r()], p.prototype, "counterCurrent", void 0);
+})], m.prototype, "value", void 0), i([a({ type: String })], m.prototype, "type", void 0), i([a({ type: Number })], m.prototype, "size", void 0), i([a({ type: String })], m.prototype, "autocomplete", void 0), i([a({ type: String })], m.prototype, "iconNameRight", void 0), i([a({ type: String })], m.prototype, "prefix", void 0), i([a({ type: String })], m.prototype, "suffix", void 0), i([a({ type: Boolean })], m.prototype, "omitSearchIcon", void 0), i([r()], m.prototype, "counterCurrent", void 0);
 try {
-	t("pkt-textinput")(p);
+	t("pkt-textinput")(m);
 } catch {
 	console.warn("Forsøker å definere <pkt-textinput>, men den er allerede definert");
 }
 //#endregion
 //#region src/components/textinput/index.ts
-var m = p;
+var h = m;
 //#endregion
-export { p as n, m as t };
+export { m as n, h as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "19.19.0",
+  "version": "19.19.1",
   "description": "Komponentbiblioteket til Punkt, designsystem for Oslo kommune",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo kommune",
@@ -78,5 +78,5 @@
   "engines": {
     "node": "^22.19.0 || ^24.0.0 || ^26.0.0"
   },
-  "gitHead": "44fc3d8f067708fc6704966219994891e9d5f9b3"
+  "gitHead": "8373ea76c93221f22496eb298b2382b41bef53ab"
 }

package/src/components/textinput/index.ts

@@ -1,4 +1,5 @@
 import { PktTextinput } from './textinput'
 
 export { PktTextinput }
+export type { IPktTextinput } from './textinput'
 export default PktTextinput

package/src/components/textinput/textinput.test.ts

@@ -67,7 +67,7 @@ describe('PktTextinput', () => {
       const { textinput } = await createTextinputTest()
       expect(textinput.type).toBe('text')
       expect(textinput.value).toBe('')
-      expect(textinput.autocomplete).toBe(null) // Property defaults to null, template sets 'off'
+      expect(textinput.autocomplete).toBe('off')
     })
 
     test('renders input element', async () => {

package/src/components/textinput/textinput.ts

@@ -10,6 +10,7 @@ import { forwardSlots } from '@/directives/slot-content'
 import '@/components/input-wrapper'
 import '@/components/icon'
 import { describedByIds } from 'shared-utils/forms/described-by'
+import { TEXTINPUT_DEFAULTS, type Booleanish, type IPktTextinputBase } from 'shared-types'
 
 type Props = ElementProps<
   PktTextinput,
@@ -23,17 +24,58 @@ type Props = ElementProps<
   | 'omitSearchIcon'
 >
 
-export class PktTextinput extends PktInputElement<Props> {
+export interface IPktTextinput extends Omit<
+  IPktTextinputBase,
+  | 'form'
+  | 'label'
+  | 'placeholder'
+  | 'size'
+  | 'prefix'
+  | 'suffix'
+  | 'iconNameRight'
+  | 'min'
+  | 'max'
+  | 'minLength'
+  | 'maxLength'
+  | 'step'
+  | 'readOnly'
+  | 'autoComplete'
+  | 'ariaDescribedby'
+  | 'ariaLabelledby'
+  | 'helptextDropdownButton'
+  | 'useWrapper'
+> {
+  label?: string | null
+  placeholder?: string | null
+  size?: number | null
+  prefix?: string | null
+  suffix?: string | null
+  iconNameRight?: string | null
+  min?: string | number | null
+  max?: string | number | null
+  minlength?: number | null
+  maxlength?: number | null
+  step?: number | null
+  readonly?: boolean
+  autocomplete?: string | null
+  ariaDescribedby?: string | null
+  ariaLabelledby?: string | null
+  /** @deprecated Bruk `strings={{ forms: { readMore: '…' } }}` eller `setPktStrings()`. */
+  helptextDropdownButton?: string | null
+  useWrapper?: Booleanish
+}
+
+export class PktTextinput extends PktInputElement<Props> implements IPktTextinput {
   inputRef: Ref<HTMLTextAreaElement> = createRef()
 
   @property({ type: String, reflect: true }) value: string = ''
-  @property({ type: String }) type: string = 'text'
+  @property({ type: String }) type: string = TEXTINPUT_DEFAULTS.type
   @property({ type: Number }) size: number | null = null
-  @property({ type: String }) autocomplete: string | null = null
+  @property({ type: String }) autocomplete: string | null = TEXTINPUT_DEFAULTS.autoComplete
   @property({ type: String }) iconNameRight: string | null = null
   @property({ type: String }) prefix: string | null = null
   @property({ type: String }) suffix: string | null = null
-  @property({ type: Boolean }) omitSearchIcon: boolean = false
+  @property({ type: Boolean }) omitSearchIcon: boolean = TEXTINPUT_DEFAULTS.omitSearchIcon
 
   @state() counterCurrent = 0