@oslokommune/punkt-elements 13.6.10 → 13.6.12

package/dist/index.d.ts

@@ -505,7 +505,7 @@ export declare class PktCard extends PktElement implements IPktCard {
     renderMetadata(): TemplateResult<1>;
 }
 
-export declare class PktCheckbox extends PktInputElement {
+export declare class PktCheckbox extends PktInputElement<Props_3> {
     private inputRef;
     value: string;
     checkHelptext: string | null;
@@ -657,13 +657,12 @@ export declare class PktConsent extends PktElement<IPktConsent> implements IPktC
     render(): TemplateResult<1>;
 }
 
-export declare class PktDatepicker extends PktInputElement {
+export declare class PktDatepicker extends PktInputElement<Props_4> {
     /**
      * Element attributes and properties
      */
     private _valueProperty;
-    private documentClickListener?;
-    private documentKeydownListener?;
+    datepickerPopupRef: Ref<PktDatepickerPopup>;
     get value(): string;
     set value(newValue: string | string[]);
     _value: string[];
@@ -720,13 +719,41 @@ export declare class PktDatepicker extends PktInputElement {
      */
     handleCalendarPosition(): void;
     addToSelected: (e: Event | KeyboardEvent) => void;
-    private handleFocusOut;
     showCalendar(): Promise<void>;
     hideCalendar(): void;
     toggleCalendar(e: Event): Promise<void>;
     clearInputValue(): void;
 }
 
+declare class PktDatepickerPopup extends PktElement {
+    open: boolean;
+    multiple: boolean;
+    range: boolean;
+    weeknumbers: boolean;
+    withcontrols: boolean;
+    maxMultiple: number | null;
+    selected: string[];
+    earliest: string | null;
+    latest: string | null;
+    excludedates: string[];
+    excludeweekdays: string[];
+    currentmonth: string | null;
+    popupRef: Ref<HTMLElement>;
+    calendarRef: Ref<HTMLElement>;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    handleDocumentClick: (e: MouseEvent) => void;
+    handleDocumentKeydown: (e: KeyboardEvent) => void;
+    show(): void;
+    hide(): void;
+    toggle(): void;
+    contains(node: Node | null): boolean;
+    focusOnCurrentDate(): void;
+    addToSelected(e: Event, min?: string | null, max?: string | null): void;
+    handleDateSelect(date: Date): Promise<void> | undefined;
+    render(): TemplateResult<1>;
+}
+
 /**
  * OBS! `dateformat` er standard formatteringsstreng for visning av datoer.
  * Denne brukes for å sette "menneskeleselig" format på datoene i tags.
@@ -781,7 +808,7 @@ export declare class PktHelptext extends PktElement {
     render(): TemplateResult<1>;
 }
 
-export declare class PktIcon extends PktElement<Props_3> {
+export declare class PktIcon extends PktElement<Props_5> {
     path: string | undefined;
     name: PktIconName;
     private icon;
@@ -849,7 +876,7 @@ declare class PktInputElement<T = {}> extends PktElement<Props_2 & T> {
     protected firstUpdated(_changedProperties: PropertyValues): void;
 }
 
-export declare class PktInputWrapper extends PktElement<Props_4> {
+export declare class PktInputWrapper extends PktElement<Props_6> {
     defaultSlot: Ref<HTMLElement>;
     helptextSlot: Ref<HTMLElement>;
     constructor();
@@ -1042,7 +1069,7 @@ export declare class PktProgressbar extends PktElement implements IPktProgressba
     private _handleAttribute;
 }
 
-declare class PktRadioButton extends PktInputElement {
+declare class PktRadioButton extends PktInputElement<Props_7> {
     private inputRef;
     value: string;
     checkHelptext: string | null;
@@ -1162,7 +1189,7 @@ export declare class PktTag extends PktElement<IPktTag> implements IPktTag {
     render(): TemplateResult<1>;
 }
 
-export declare class PktTextarea extends PktInputElement {
+export declare class PktTextarea extends PktInputElement<Props_8> {
     private inputRef;
     private helptextSlot;
     value: string;
@@ -1175,7 +1202,7 @@ export declare class PktTextarea extends PktInputElement {
     render(): TemplateResult<1>;
 }
 
-export declare class PktTextinput extends PktInputElement<Props_5> {
+export declare class PktTextinput extends PktInputElement<Props_9> {
     private inputRef;
     private helptextSlot;
     value: string;
@@ -1197,11 +1224,19 @@ declare type Props = ElementProps<PktElement, 'strings' | 'role'>;
 
 declare type Props_2 = ElementProps<PktInputElement, 'defaultValue' | 'disabled' | 'readonly' | 'required' | 'max' | 'maxlength' | 'min' | 'minlength' | 'ariaDescribedBy' | 'ariaLabelledby' | 'name' | 'pattern' | 'placeholder' | 'id' | 'counter' | 'hasError' | 'hasFieldset' | 'inline' | 'optionalTag' | 'requiredTag' | 'skipForwardTestid' | 'useWrapper' | 'fullwidth' | 'counterMaxLength' | 'errorMessage' | 'helptext' | 'helptextDropdown' | 'helptextDropdownButton' | 'label' | 'optionalText' | 'requiredText' | 'dataTestid'>;
 
-declare type Props_3 = ElementProps<PktIcon, 'path' | 'name'>;
+declare type Props_3 = ElementProps<PktCheckbox, 'checkHelptext' | 'defaultChecked' | 'hasTile' | 'isSwitch' | 'labelPosition' | 'hideLabel' | 'tagText' | 'optionalTag' | 'optionalText' | 'requiredTag' | 'requiredText'>;
+
+declare type Props_4 = ElementProps<PktDatepicker, 'label' | 'dateformat' | 'multiple' | 'maxlength' | 'range' | 'showRangeLabels' | 'min' | 'max' | 'weeknumbers' | 'withcontrols' | 'excludedates' | 'excludeweekdays' | 'currentmonth' | 'calendarOpen' | 'timezone'>;
+
+declare type Props_5 = ElementProps<PktIcon, 'path' | 'name'>;
+
+declare type Props_6 = ElementProps<PktInputWrapper, 'forId' | 'label' | 'helptext' | 'helptextDropdown' | 'helptextDropdownButton' | 'counter' | 'counterCurrent' | 'counterMaxLength' | 'optionalTag' | 'optionalText' | 'requiredTag' | 'requiredText' | 'tagText' | 'hasError' | 'errorMessage' | 'disabled' | 'inline' | 'ariaDescribedby' | 'hasFieldset' | 'useWrapper' | 'role'>;
+
+declare type Props_7 = ElementProps<PktRadioButton, 'checkHelptext' | 'defaultChecked' | 'hasTile' | 'tagText' | 'optionalTag' | 'optionalText' | 'requiredTag' | 'requiredText'>;
 
-declare type Props_4 = ElementProps<PktInputWrapper, 'forId' | 'label' | 'helptext' | 'helptextDropdown' | 'helptextDropdownButton' | 'counter' | 'counterCurrent' | 'counterMaxLength' | 'optionalTag' | 'optionalText' | 'requiredTag' | 'requiredText' | 'tagText' | 'hasError' | 'errorMessage' | 'disabled' | 'inline' | 'ariaDescribedby' | 'hasFieldset' | 'useWrapper' | 'role'>;
+declare type Props_8 = ElementProps<PktTextarea, 'autocomplete' | 'rows'>;
 
-declare type Props_5 = ElementProps<PktTextinput, 'value' | 'type' | 'size' | 'autocomplete' | 'iconNameRight' | 'prefix' | 'suffix' | 'omitSearchIcon'>;
+declare type Props_9 = ElementProps<PktTextinput, 'value' | 'type' | 'size' | 'autocomplete' | 'iconNameRight' | 'prefix' | 'suffix' | 'omitSearchIcon'>;
 
 declare type TAlertSkin = 'error' | 'success' | 'warning' | 'info';
 

package/dist/{input-wrapper-D_JdEqcO.js → input-wrapper-CQzXG44g.js}

@@ -2,17 +2,18 @@ import { P as x, E as i, x as p, n as r, a as m } from "./element-DJZPsA_J.js";
 import { P as k } from "./pkt-slot-controller-BPGj-LC5.js";
 import { e as f, n as b } from "./ref-BCGCor-j.js";
 import { o as w } from "./if-defined-D3lgJqT7.js";
-import { o as v } from "./icon-B1-mkmwB.js";
-import { e as T } from "./class-map-Dw6Wrxwi.js";
-import { u as E } from "./stringutils-DJjRa8dG.js";
+import { o as T } from "./icon-B1-mkmwB.js";
+import { e as E } from "./class-map-Dw6Wrxwi.js";
+import { u as v } from "./stringutils-DJjRa8dG.js";
 import { s } from "./input-wrapper-8iKEzDRZ.js";
 import "./helptext-8ykxyegi.js";
-var S = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, e = (o, a, n, h) => {
-  for (var l = h > 1 ? void 0 : h ? _(a, n) : a, u = o.length - 1, d; u >= 0; u--)
-    (d = o[u]) && (l = (h ? d(a, n, l) : d(l)) || l);
+import "./alert-CTTm6ugp.js";
+var S = Object.defineProperty, D = Object.getOwnPropertyDescriptor, e = (o, a, n, h) => {
+  for (var l = h > 1 ? void 0 : h ? D(a, n) : a, d = o.length - 1, u; d >= 0; d--)
+    (u = o[d]) && (l = (h ? u(a, n, l) : u(l)) || l);
   return h && l && S(a, n, l), l;
 };
-const D = {
+const _ = {
   fromAttribute(o) {
     return o == null ? !1 : o === "" || o === "true" || o === !0 ? !0 : o === "false" || o === !1 ? !1 : !!o;
   },
@@ -22,7 +23,7 @@ const D = {
 };
 let t = class extends x {
   constructor() {
-    super(), this.defaultSlot = f(), this.helptextSlot = f(), this.forId = E(), this.label = "", this.helptext = null, this.helptextDropdown = null, this.helptextDropdownButton = null, this.counter = s.props.counter.default, this.counterCurrent = 0, this.counterMaxLength = 0, this.counterError = null, this.counterPosition = "bottom", this.optionalTag = s.props.optionalTag.default, this.optionalText = s.props.optionalText.default, this.requiredTag = s.props.requiredTag.default, this.requiredText = s.props.requiredText.default, this.tagText = null, this.hasError = s.props.hasError.default, this.errorMessage = "", this.disabled = s.props.disabled.default, this.inline = s.props.inline.default, this.ariaDescribedby = void 0, this.hasFieldset = s.props.hasFieldset.default, this.role = "group", this.useWrapper = s.props.useWrapper.default, this.slotController = new k(this, this.defaultSlot, this.helptextSlot);
+    super(), this.defaultSlot = f(), this.helptextSlot = f(), this.forId = v(), this.label = "", this.helptext = null, this.helptextDropdown = null, this.helptextDropdownButton = null, this.counter = s.props.counter.default, this.counterCurrent = 0, this.counterMaxLength = 0, this.counterError = null, this.counterPosition = "bottom", this.optionalTag = s.props.optionalTag.default, this.optionalText = s.props.optionalText.default, this.requiredTag = s.props.requiredTag.default, this.requiredText = s.props.requiredText.default, this.tagText = null, this.hasError = s.props.hasError.default, this.errorMessage = "", this.disabled = s.props.disabled.default, this.inline = s.props.inline.default, this.ariaDescribedby = void 0, this.hasFieldset = s.props.hasFieldset.default, this.role = "group", this.useWrapper = s.props.useWrapper.default, this.slotController = new k(this, this.defaultSlot, this.helptextSlot);
   }
   updated(o) {
     super.updated(o);
@@ -57,7 +58,7 @@ let t = class extends x {
           id="${this.forId}-label"
         >
           ${this.label}
-        </label>`, u = () => p`
+        </label>`, d = () => p`
         <pkt-helptext
           class="${w(this.useWrapper ? void 0 : "pkt-hide")}"
           .forId=${this.forId}
@@ -70,29 +71,28 @@ let t = class extends x {
           ${b(this.helptextSlot)}
           name="helptext"
         ></pkt-helptext>
-      `, d = () => this.counter ? p`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
+      `, u = () => this.counter ? p`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
           ${this.counterError ? this.counterError : i} ${this.counterCurrent || 0}
           ${this.counterMaxLength ? `/${this.counterMaxLength}` : i}
-        </div>` : i, g = () => this.hasError && this.errorMessage ? p`<div
-          role="alert"
-          class="pkt-alert pkt-alert--error pkt-alert--compact"
+        </div>` : i, g = () => this.hasError && this.errorMessage ? p`<pkt-alert
+          skin="error"
+          compact
+          id=${`${this.forId}-error`}
           aria-live="assertive"
           aria-atomic="true"
-          id="${this.forId}-error"
         >
-          <pkt-icon name="alert-error" class="pkt-alert__icon"></pkt-icon>
-          <div class="pkt-alert__text">${v(this.errorMessage)}</div>
-        </div>` : i, c = () => p`
+          ${T(this.errorMessage)}
+        </pkt-alert>` : i, c = () => p`
         ${l()} 
-        ${u()}
-        ${this.counterPosition === "top" ? d() : i}
+        ${d()}
+        ${this.counterPosition === "top" ? u() : i}
         <div class="pkt-contents" ${b(this.defaultSlot)}></div>
-        ${this.counterPosition === "bottom" ? d() : i} 
+        ${this.counterPosition === "bottom" ? u() : i} 
         ${g()}
       `, y = () => this.hasFieldset ? p`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${n}">
             ${c()}
           </fieldset>` : p`<div class="pkt-inputwrapper__fieldset">${c()}</div>`;
-    return p`<div class=${T(o)}>${y()}</div> `;
+    return p`<div class=${E(o)}>${y()}</div> `;
   }
   toggleDropdown(o) {
     this.dispatchEvent(
@@ -179,7 +179,7 @@ e([
   r({ type: String, reflect: !0 })
 ], t.prototype, "role", 2);
 e([
-  r({ type: Boolean, reflect: !0, converter: D })
+  r({ type: Boolean, reflect: !0, converter: _ })
 ], t.prototype, "useWrapper", 2);
 t = e([
   m("pkt-input-wrapper")

package/dist/{input-wrapper-C9rZEgju.cjs → input-wrapper-DVjNwf8-.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-D62wHiNU.cjs"),g=require("./pkt-slot-controller-BzddBp7z.cjs"),u=require("./ref-BfgcOXko.cjs"),b=require("./if-defined-CkVc_RJD.cjs"),x=require("./icon-__Hjt2XZ.cjs"),y=require("./class-map-CG3vIaNm.cjs"),$=require("./stringutils-CkVRq4jP.cjs"),s=require("./input-wrapper-EoSAbU-U.cjs");require("./helptext-D1fkGmfT.cjs");var I=Object.defineProperty,P=Object.getOwnPropertyDescriptor,e=(r,p,i,n)=>{for(var o=n>1?void 0:n?P(p,i):p,l=r.length-1,a;l>=0;l--)(a=r[l])&&(o=(n?a(p,i,o):a(o))||o);return n&&o&&I(p,i,o),o};const W={fromAttribute(r){return r==null?!1:r===""||r==="true"||r===!0?!0:r==="false"||r===!1?!1:!!r},toAttribute(r){return r?"true":"false"}};exports.PktInputWrapper=class extends t.PktElement{constructor(){super(),this.defaultSlot=u.e(),this.helptextSlot=u.e(),this.forId=$.uuidish(),this.label="",this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=s.specs.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition="bottom",this.optionalTag=s.specs.props.optionalTag.default,this.optionalText=s.specs.props.optionalText.default,this.requiredTag=s.specs.props.requiredTag.default,this.requiredText=s.specs.props.requiredText.default,this.tagText=null,this.hasError=s.specs.props.hasError.default,this.errorMessage="",this.disabled=s.specs.props.disabled.default,this.inline=s.specs.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=s.specs.props.hasFieldset.default,this.role="group",this.useWrapper=s.specs.props.useWrapper.default,this.slotController=new g.PktSlotController(this,this.defaultSlot,this.helptextSlot)}updated(p){super.updated(p)}render(){const p={"pkt-inputwrapper":!0,"pkt-inputwrapper--error":this.hasError,"pkt-inputwrapper--disabled":this.disabled,"pkt-inputwrapper--inline":this.inline},i="pkt-tag pkt-tag--small pkt-tag--thin-text",n=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:t.E,o=()=>t.x`
+"use strict";const t=require("./element-D62wHiNU.cjs"),b=require("./pkt-slot-controller-BzddBp7z.cjs"),u=require("./ref-BfgcOXko.cjs"),k=require("./if-defined-CkVc_RJD.cjs"),x=require("./icon-__Hjt2XZ.cjs"),y=require("./class-map-CG3vIaNm.cjs"),$=require("./stringutils-CkVRq4jP.cjs"),s=require("./input-wrapper-EoSAbU-U.cjs");require("./helptext-D1fkGmfT.cjs");require("./alert-ZP5-fqlt.cjs");var I=Object.defineProperty,P=Object.getOwnPropertyDescriptor,e=(r,p,i,n)=>{for(var o=n>1?void 0:n?P(p,i):p,l=r.length-1,a;l>=0;l--)(a=r[l])&&(o=(n?a(p,i,o):a(o))||o);return n&&o&&I(p,i,o),o};const W={fromAttribute(r){return r==null?!1:r===""||r==="true"||r===!0?!0:r==="false"||r===!1?!1:!!r},toAttribute(r){return r?"true":"false"}};exports.PktInputWrapper=class extends t.PktElement{constructor(){super(),this.defaultSlot=u.e(),this.helptextSlot=u.e(),this.forId=$.uuidish(),this.label="",this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=s.specs.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition="bottom",this.optionalTag=s.specs.props.optionalTag.default,this.optionalText=s.specs.props.optionalText.default,this.requiredTag=s.specs.props.requiredTag.default,this.requiredText=s.specs.props.requiredText.default,this.tagText=null,this.hasError=s.specs.props.hasError.default,this.errorMessage="",this.disabled=s.specs.props.disabled.default,this.inline=s.specs.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=s.specs.props.hasFieldset.default,this.role="group",this.useWrapper=s.specs.props.useWrapper.default,this.slotController=new b.PktSlotController(this,this.defaultSlot,this.helptextSlot)}updated(p){super.updated(p)}render(){const p={"pkt-inputwrapper":!0,"pkt-inputwrapper--error":this.hasError,"pkt-inputwrapper--disabled":this.disabled,"pkt-inputwrapper--inline":this.inline},i="pkt-tag pkt-tag--small pkt-tag--thin-text",n=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:t.E,o=()=>t.x`
         ${this.tagText?t.x`<span class=${i+" pkt-tag--gray"}>${this.tagText}</span>`:t.E}
         ${this.optionalTag?t.x`<span class=${i+" pkt-tag--blue-light"}>${this.optionalText}</span>`:t.E}
         ${this.requiredTag?t.x`<span class=${i+" pkt-tag--beige"}>${this.requiredText}</span>`:t.E}
@@ -24,34 +24,33 @@
           ${this.label}
         </label>`,a=()=>t.x`
         <pkt-helptext
-          class="${b.o(this.useWrapper?void 0:"pkt-hide")}"
+          class="${k.o(this.useWrapper?void 0:"pkt-hide")}"
           .forId=${this.forId}
           .helptext=${this.helptext}
           .helptextDropdown=${this.helptextDropdown}
           .helptextDropdownButton=${this.helptextDropdownButton||s.specs.props.helptextDropdownButton.default}
-          @toggleHelpText=${f=>{this.toggleDropdown(f)}}
+          @toggleHelpText=${g=>{this.toggleDropdown(g)}}
           ${u.n(this.helptextSlot)}
           name="helptext"
         ></pkt-helptext>
       `,h=()=>this.counter?t.x`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
           ${this.counterError?this.counterError:t.E} ${this.counterCurrent||0}
           ${this.counterMaxLength?`/${this.counterMaxLength}`:t.E}
-        </div>`:t.E,c=()=>this.hasError&&this.errorMessage?t.x`<div
-          role="alert"
-          class="pkt-alert pkt-alert--error pkt-alert--compact"
+        </div>`:t.E,c=()=>this.hasError&&this.errorMessage?t.x`<pkt-alert
+          skin="error"
+          compact
+          id=${`${this.forId}-error`}
           aria-live="assertive"
           aria-atomic="true"
-          id="${this.forId}-error"
         >
-          <pkt-icon name="alert-error" class="pkt-alert__icon"></pkt-icon>
-          <div class="pkt-alert__text">${x.o(this.errorMessage)}</div>
-        </div>`:t.E,d=()=>t.x`
+          ${x.o(this.errorMessage)}
+        </pkt-alert>`:t.E,d=()=>t.x`
         ${l()} 
         ${a()}
         ${this.counterPosition==="top"?h():t.E}
         <div class="pkt-contents" ${u.n(this.defaultSlot)}></div>
         ${this.counterPosition==="bottom"?h():t.E} 
         ${c()}
-      `,k=()=>this.hasFieldset?t.x`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${n}">
+      `,f=()=>this.hasFieldset?t.x`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${n}">
             ${d()}
-          </fieldset>`:t.x`<div class="pkt-inputwrapper__fieldset">${d()}</div>`;return t.x`<div class=${y.e(p)}>${k()}</div> `}toggleDropdown(p){this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!1,detail:{isOpen:p.detail.isOpen}}))}handleLabelClick(p){this.disabled&&(p.preventDefault(),p.stopImmediatePropagation()),this.dispatchEvent(new CustomEvent("labelClick",{bubbles:!0,composed:!0,detail:"label clicked"}))}};e([t.n({type:String})],exports.PktInputWrapper.prototype,"forId",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"label",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptext",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdown",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdownButton",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"counter",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterCurrent",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterMaxLength",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"counterError",2);e([t.n({type:String,reflect:!1})],exports.PktInputWrapper.prototype,"counterPosition",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"optionalTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"optionalText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"requiredTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"requiredText",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"tagText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasError",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"errorMessage",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"disabled",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"inline",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"ariaDescribedby",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasFieldset",2);e([t.n({type:String,reflect:!0})],exports.PktInputWrapper.prototype,"role",2);e([t.n({type:Boolean,reflect:!0,converter:W})],exports.PktInputWrapper.prototype,"useWrapper",2);exports.PktInputWrapper=e([t.t("pkt-input-wrapper")],exports.PktInputWrapper);
+          </fieldset>`:t.x`<div class="pkt-inputwrapper__fieldset">${d()}</div>`;return t.x`<div class=${y.e(p)}>${f()}</div> `}toggleDropdown(p){this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!1,detail:{isOpen:p.detail.isOpen}}))}handleLabelClick(p){this.disabled&&(p.preventDefault(),p.stopImmediatePropagation()),this.dispatchEvent(new CustomEvent("labelClick",{bubbles:!0,composed:!0,detail:"label clicked"}))}};e([t.n({type:String})],exports.PktInputWrapper.prototype,"forId",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"label",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptext",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdown",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdownButton",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"counter",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterCurrent",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterMaxLength",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"counterError",2);e([t.n({type:String,reflect:!1})],exports.PktInputWrapper.prototype,"counterPosition",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"optionalTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"optionalText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"requiredTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"requiredText",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"tagText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasError",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"errorMessage",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"disabled",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"inline",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"ariaDescribedby",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasFieldset",2);e([t.n({type:String,reflect:!0})],exports.PktInputWrapper.prototype,"role",2);e([t.n({type:Boolean,reflect:!0,converter:W})],exports.PktInputWrapper.prototype,"useWrapper",2);exports.PktInputWrapper=e([t.t("pkt-input-wrapper")],exports.PktInputWrapper);

package/dist/pkt-combobox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./combobox-cK_746ek.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-BFOjlFIj.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-DxNotM0u.js";
+import { P as o } from "./combobox-DaiEdUKx.js";
 const b = o;
 export {
   o as PktCombobox,

package/dist/pkt-datepicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./datepicker-n49TAIAt.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-C244h82t.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 { a as t } from "./datepicker-BEMo4X9s.js";
+import { a as t } from "./datepicker-DwOkktaP.js";
 const e = t;
 export {
   t as PktDatepicker,

package/dist/pkt-index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./alert-ZP5-fqlt.cjs"),l=require("./accordionitem-BOmnm80g.cjs"),b=require("./backlink-BT7DO6rV.cjs"),m=require("./button-BfqxLnMT.cjs"),P=require("./calendar-DH-fCGyW.cjs"),g=require("./card-B9RPShvV.cjs"),h=require("./combobox-cK_746ek.cjs"),f=require("./consent-DFrsiYGQ.cjs"),y=require("./checkbox-CH8xeK-0.cjs"),t=require("./element-D62wHiNU.cjs"),O=require("./pkt-slot-controller-BzddBp7z.cjs"),s=require("./ref-BfgcOXko.cjs"),j=require("./class-map-CG3vIaNm.cjs"),k=require("./datepicker-n49TAIAt.cjs"),q=require("./helptext-D1fkGmfT.cjs"),x=require("./heading-H_FWjo2k.cjs"),C=require("./icon-__Hjt2XZ.cjs"),v=require("./input-wrapper-C9rZEgju.cjs"),S=require("./link-CyiVlb-7.cjs"),$=require("./linkcard-fH9uydjS.cjs"),L=require("./loader-C-3l7kb9.cjs"),T=require("./messagebox---xPIAwR.cjs"),_=require("./modal-IjDRQfX1.cjs"),A=require("./progressbar-DJzEC7cx.cjs"),p=require("./radiobutton-DEboKECm.cjs"),B=require("./tag-BKq07hGI.cjs"),I=require("./textarea-CXu8UUsY.cjs"),D=require("./textinput-C6wccDhZ.cjs"),M=require("./select-Cf1RWSsI.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 O.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`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./alert-ZP5-fqlt.cjs"),l=require("./accordionitem-BOmnm80g.cjs"),b=require("./backlink-BT7DO6rV.cjs"),m=require("./button-BfqxLnMT.cjs"),P=require("./calendar-DH-fCGyW.cjs"),g=require("./card-B9RPShvV.cjs"),h=require("./combobox-BFOjlFIj.cjs"),f=require("./consent-DFrsiYGQ.cjs"),y=require("./checkbox-CH8xeK-0.cjs"),t=require("./element-D62wHiNU.cjs"),O=require("./pkt-slot-controller-BzddBp7z.cjs"),s=require("./ref-BfgcOXko.cjs"),j=require("./class-map-CG3vIaNm.cjs"),k=require("./datepicker-C244h82t.cjs"),q=require("./helptext-D1fkGmfT.cjs"),x=require("./heading-H_FWjo2k.cjs"),C=require("./icon-__Hjt2XZ.cjs"),v=require("./input-wrapper-DVjNwf8-.cjs"),S=require("./link-CyiVlb-7.cjs"),$=require("./linkcard-fH9uydjS.cjs"),L=require("./loader-C-3l7kb9.cjs"),T=require("./messagebox---xPIAwR.cjs"),_=require("./modal-IjDRQfX1.cjs"),A=require("./progressbar-DJzEC7cx.cjs"),p=require("./radiobutton-DEboKECm.cjs"),B=require("./tag-BKq07hGI.cjs"),I=require("./textarea-BS1tgktz.cjs"),D=require("./textinput-CCK8ti2y.cjs"),M=require("./select-DynzsPo0.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 O.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="${j.e(e)}">
         <h1 class="pkt-txt-28">${this.string}</h1>
 

package/dist/pkt-index.js

@@ -5,18 +5,18 @@ import { P as O } from "./button-x6Xw-5w0.js";
 import { c as d } from "./calendar-CodWwTHM.js";
 import { P as j } from "./calendar-CodWwTHM.js";
 import { P as G } from "./card-en2KhOPO.js";
-import { P as K } from "./combobox-DxNotM0u.js";
+import { P as K } from "./combobox-DaiEdUKx.js";
 import { P as U } from "./consent-CXp0bLvg.js";
 import { P as q } from "./checkbox-DSAcMC-D.js";
 import { P as f, t as h, x as P, n, a as c } from "./element-DJZPsA_J.js";
 import { P as x } from "./pkt-slot-controller-BPGj-LC5.js";
 import { e as m, n as k } from "./ref-BCGCor-j.js";
 import { e as u } from "./class-map-Dw6Wrxwi.js";
-import { P as F, a as J } from "./datepicker-BEMo4X9s.js";
+import { P as F, a as J } from "./datepicker-DwOkktaP.js";
 import { P as V } from "./helptext-8ykxyegi.js";
 import { P as Y } from "./heading-DQ0R34j4.js";
 import { P as tt } from "./icon-B1-mkmwB.js";
-import { P as rt } from "./input-wrapper-D_JdEqcO.js";
+import { P as rt } from "./input-wrapper-CQzXG44g.js";
 import { P as st } from "./link-DSSJYrtn.js";
 import { P as nt } from "./linkcard-g8JtooPU.js";
 import { P as pt } from "./loader-Bzf1sPSg.js";
@@ -25,9 +25,9 @@ import { P as kt } from "./modal-pohCsr_x.js";
 import { P as ft } from "./progressbar-DjsupQ7Y.js";
 import { P as ct, P as xt } from "./radiobutton-Bz_qApF3.js";
 import { P as gt } from "./tag-NZ5oeGfw.js";
-import { P as St } from "./textarea-C0vTWTov.js";
-import { P as Ct } from "./textinput-CmZrfH4A.js";
-import { P as yt } from "./select-D7OQaUrQ.js";
+import { P as St } from "./textarea-COG1CH_s.js";
+import { P as Ct } from "./textinput-CTOtfcTR.js";
+import { P as yt } from "./select-DKkoxmgj.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);

package/dist/pkt-input-wrapper.cjs

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

package/dist/pkt-input-wrapper.js

@@ -1,4 +1,4 @@
-import { P as p } from "./input-wrapper-D_JdEqcO.js";
+import { P as p } from "./input-wrapper-CQzXG44g.js";
 const r = p;
 export {
   p as PktInputWrapper,

package/dist/pkt-select.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./select-Cf1RWSsI.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-DynzsPo0.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-D7OQaUrQ.js";
+import { P as t } from "./select-DKkoxmgj.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-CXu8UUsY.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-BS1tgktz.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-C0vTWTov.js";
+import { P as a } from "./textarea-COG1CH_s.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-C6wccDhZ.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-CCK8ti2y.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-CmZrfH4A.js";
+import { P as t } from "./textinput-CTOtfcTR.js";
 const p = t;
 export {
   t as PktTextinput,

package/dist/{select-D7OQaUrQ.js → select-DKkoxmgj.js}

@@ -5,7 +5,7 @@ import { o as l } from "./if-defined-D3lgJqT7.js";
 import { P as _ } from "./input-element-DQOVrqUZ.js";
 import { P as x } from "./pkt-options-controller-CZO1nxZ8.js";
 import { P as b } from "./pkt-slot-controller-BPGj-LC5.js";
-import "./input-wrapper-D_JdEqcO.js";
+import "./input-wrapper-CQzXG44g.js";
 var $ = Object.defineProperty, m = Object.getOwnPropertyDescriptor, a = (t, e, s, i) => {
   for (var o = i > 1 ? void 0 : i ? m(e, s) : e, n = t.length - 1, p; n >= 0; n--)
     (p = t[n]) && (o = (i ? p(e, s, o) : p(o)) || o);

package/dist/{select-Cf1RWSsI.cjs → select-DynzsPo0.cjs}

@@ -1,4 +1,4 @@
-"use strict";const h=require("./element-D62wHiNU.cjs"),u=require("./state-BkE_Rxl7.cjs"),r=require("./ref-BfgcOXko.cjs"),o=require("./if-defined-CkVc_RJD.cjs"),d=require("./input-element-Y8sdrq9C.cjs"),c=require("./pkt-options-controller-CiuBG6Lt.cjs"),v=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-C9rZEgju.cjs");var f=Object.defineProperty,_=Object.getOwnPropertyDescriptor,a=(p,t,e,s)=>{for(var i=s>1?void 0:s?_(t,e):t,l=p.length-1,n;l>=0;l--)(n=p[l])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&f(t,e,i),i};exports.PktSelect=class extends d.PktInputElement{constructor(){super(),this.inputRef=r.e(),this.helptextSlot=r.e(),this._optionsProp=[],this.value="",this._options=[],this.selectedIndex=-1,this.selectedOptions=void 0,this.optionsController=new c.PktOptionsSlotController(this),this.slotController=new v.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}get options(){return this._options.map(t=>({...t,selected:t.value===this.value}))}set options(t){this._optionsProp=t,this.requestUpdate("_optionsProp",this._options)}connectedCallback(){super.connectedCallback();const t=this._optionsProp.length>0,e=this.optionsController.nodes.length&&this.optionsController.nodes.length>0;!t&&e?this.optionsController.nodes.forEach(s=>{const i={value:s.hasAttribute("value")?s.getAttribute("value")??"":s.textContent??"",label:s.textContent||s.getAttribute("value")||"",disabled:s.hasAttribute("disabled"),selected:s.hasAttribute("selected"),hidden:s.hasAttribute("data-hidden")};s.getAttribute("selected")&&!this.value&&(this.value=i.value),this._options.push(i)}):(this._options=this._optionsProp,this._options.forEach(s=>{s.selected&&!this.value&&(this.value=s.value)}))}add(t,e){const s={value:t.value||t.text,label:t.text||t.value,selected:t.selected,disabled:t.disabled};if(e===void 0)this._options.push(s);else if(typeof e=="number")this._options.splice(e,0,s);else{const i=e.value||e.text,l=this._options.findIndex(n=>n.value===i);l>=0?this._options.splice(l,0,s):this._options.push(s)}t.selected&&(this.value=t.value||t.text,this.selectedIndex=this._options.findIndex(i=>i.value===this.value)),this.requestUpdate()}remove(t){var e;typeof t=="number"&&(this.selectedIndex===t&&(this.value=((e=this._options[0])==null?void 0:e.value)||""),this._options.splice(t,1),this.requestUpdate())}item(t){var e;return(e=this.inputRef.value)==null?void 0:e.item(t)}namedItem(t){var e;return(e=this.inputRef.value)==null?void 0:e.namedItem(t)}showPicker(){this.inputRef.value&&"showPicker"in this.inputRef.value&&this.inputRef.value.showPicker()}attributeChangedCallback(t,e,s){var i,l;t==="options"&&(this._options=s?JSON.parse(s):[]),t==="value"&&this.value!==e&&(this.selectedIndex=this.touched?this.returnNumberOrNull((i=this.inputRef.value)==null?void 0:i.selectedIndex):this._options.findIndex(n=>n.value===s),this.selectedOptions=(l=this.inputRef.value)==null?void 0:l.selectedOptions,this.valueChanged(s,e)),super.attributeChangedCallback(t,e,s)}update(t){var e,s;super.update(t),t.has("_optionsProp")&&this._optionsProp.length>0&&(this._options=this._optionsProp,this.requestUpdate("_options"),!this.value&&this._options.length>0&&(this.value=this._options[0].value,this.selectedIndex=0)),t.has("value")&&this.value!==t.get("value")&&(this.selectedIndex=this.touched?this.returnNumberOrNull((e=this.inputRef.value)==null?void 0:e.selectedIndex):this._options.findIndex(i=>i.value===this.value),this.selectedOptions=(s=this.inputRef.value)==null?void 0:s.selectedOptions,this.valueChanged(this.value,t.get("value"))),t.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(t){var e;super.firstUpdated(t),this._optionsProp.length&&(this._options=this._optionsProp),!this.value&&this._options.length>0?(this.value=this._options[0].value,this.selectedIndex=0):this.selectedIndex=this._options.findIndex(s=>s.value===this.value),this.selectedOptions=(e=this.inputRef.value)==null?void 0:e.selectedOptions}render(){const t=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return h.x`
+"use strict";const h=require("./element-D62wHiNU.cjs"),u=require("./state-BkE_Rxl7.cjs"),r=require("./ref-BfgcOXko.cjs"),o=require("./if-defined-CkVc_RJD.cjs"),d=require("./input-element-Y8sdrq9C.cjs"),c=require("./pkt-options-controller-CiuBG6Lt.cjs"),v=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-DVjNwf8-.cjs");var f=Object.defineProperty,_=Object.getOwnPropertyDescriptor,a=(p,t,e,s)=>{for(var i=s>1?void 0:s?_(t,e):t,l=p.length-1,n;l>=0;l--)(n=p[l])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&f(t,e,i),i};exports.PktSelect=class extends d.PktInputElement{constructor(){super(),this.inputRef=r.e(),this.helptextSlot=r.e(),this._optionsProp=[],this.value="",this._options=[],this.selectedIndex=-1,this.selectedOptions=void 0,this.optionsController=new c.PktOptionsSlotController(this),this.slotController=new v.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}get options(){return this._options.map(t=>({...t,selected:t.value===this.value}))}set options(t){this._optionsProp=t,this.requestUpdate("_optionsProp",this._options)}connectedCallback(){super.connectedCallback();const t=this._optionsProp.length>0,e=this.optionsController.nodes.length&&this.optionsController.nodes.length>0;!t&&e?this.optionsController.nodes.forEach(s=>{const i={value:s.hasAttribute("value")?s.getAttribute("value")??"":s.textContent??"",label:s.textContent||s.getAttribute("value")||"",disabled:s.hasAttribute("disabled"),selected:s.hasAttribute("selected"),hidden:s.hasAttribute("data-hidden")};s.getAttribute("selected")&&!this.value&&(this.value=i.value),this._options.push(i)}):(this._options=this._optionsProp,this._options.forEach(s=>{s.selected&&!this.value&&(this.value=s.value)}))}add(t,e){const s={value:t.value||t.text,label:t.text||t.value,selected:t.selected,disabled:t.disabled};if(e===void 0)this._options.push(s);else if(typeof e=="number")this._options.splice(e,0,s);else{const i=e.value||e.text,l=this._options.findIndex(n=>n.value===i);l>=0?this._options.splice(l,0,s):this._options.push(s)}t.selected&&(this.value=t.value||t.text,this.selectedIndex=this._options.findIndex(i=>i.value===this.value)),this.requestUpdate()}remove(t){var e;typeof t=="number"&&(this.selectedIndex===t&&(this.value=((e=this._options[0])==null?void 0:e.value)||""),this._options.splice(t,1),this.requestUpdate())}item(t){var e;return(e=this.inputRef.value)==null?void 0:e.item(t)}namedItem(t){var e;return(e=this.inputRef.value)==null?void 0:e.namedItem(t)}showPicker(){this.inputRef.value&&"showPicker"in this.inputRef.value&&this.inputRef.value.showPicker()}attributeChangedCallback(t,e,s){var i,l;t==="options"&&(this._options=s?JSON.parse(s):[]),t==="value"&&this.value!==e&&(this.selectedIndex=this.touched?this.returnNumberOrNull((i=this.inputRef.value)==null?void 0:i.selectedIndex):this._options.findIndex(n=>n.value===s),this.selectedOptions=(l=this.inputRef.value)==null?void 0:l.selectedOptions,this.valueChanged(s,e)),super.attributeChangedCallback(t,e,s)}update(t){var e,s;super.update(t),t.has("_optionsProp")&&this._optionsProp.length>0&&(this._options=this._optionsProp,this.requestUpdate("_options"),!this.value&&this._options.length>0&&(this.value=this._options[0].value,this.selectedIndex=0)),t.has("value")&&this.value!==t.get("value")&&(this.selectedIndex=this.touched?this.returnNumberOrNull((e=this.inputRef.value)==null?void 0:e.selectedIndex):this._options.findIndex(i=>i.value===this.value),this.selectedOptions=(s=this.inputRef.value)==null?void 0:s.selectedOptions,this.valueChanged(this.value,t.get("value"))),t.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(t){var e;super.firstUpdated(t),this._optionsProp.length&&(this._options=this._optionsProp),!this.value&&this._options.length>0?(this.value=this._options[0].value,this.selectedIndex=0):this.selectedIndex=this._options.findIndex(s=>s.value===this.value),this.selectedOptions=(e=this.inputRef.value)==null?void 0:e.selectedOptions}render(){const t=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return h.x`
       <pkt-input-wrapper
         ?counter=${this.counter}
         ?disabled=${this.disabled}

package/dist/{textarea-CXu8UUsY.cjs → textarea-BS1tgktz.cjs}

@@ -1,4 +1,4 @@
-"use strict";const s=require("./element-D62wHiNU.cjs"),p=require("./if-defined-CkVc_RJD.cjs"),c=require("./state-BkE_Rxl7.cjs"),l=require("./ref-BfgcOXko.cjs"),$=require("./class-map-CG3vIaNm.cjs"),a=require("./directive-C7oCP5Bh.cjs"),d=require("./directive-helpers-_qHew-gi.cjs"),x=require("./input-element-Y8sdrq9C.cjs"),T=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-C9rZEgju.cjs");require("./icon-__Hjt2XZ.cjs");/**
+"use strict";const s=require("./element-D62wHiNU.cjs"),p=require("./if-defined-CkVc_RJD.cjs"),c=require("./state-BkE_Rxl7.cjs"),l=require("./ref-BfgcOXko.cjs"),$=require("./class-map-CG3vIaNm.cjs"),a=require("./directive-C7oCP5Bh.cjs"),d=require("./directive-helpers-_qHew-gi.cjs"),x=require("./input-element-Y8sdrq9C.cjs"),T=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-DVjNwf8-.cjs");require("./icon-__Hjt2XZ.cjs");/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{textarea-C0vTWTov.js → textarea-COG1CH_s.js}

@@ -7,7 +7,7 @@ import { e as T, i as b, t as a } from "./directive-oAbCiebi.js";
 import { f as y, m as w } from "./directive-helpers-cAOIHg9K.js";
 import { P as C } from "./input-element-DQOVrqUZ.js";
 import { P as E } from "./pkt-slot-controller-BPGj-LC5.js";
-import "./input-wrapper-D_JdEqcO.js";
+import "./input-wrapper-CQzXG44g.js";
 import "./icon-B1-mkmwB.js";
 /**
  * @license

package/dist/{textinput-C6wccDhZ.cjs → textinput-CCK8ti2y.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-D62wHiNU.cjs"),a=require("./if-defined-CkVc_RJD.cjs"),l=require("./state-BkE_Rxl7.cjs"),h=require("./ref-BfgcOXko.cjs"),c=require("./class-map-CG3vIaNm.cjs"),d=require("./input-element-Y8sdrq9C.cjs"),x=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-C9rZEgju.cjs");require("./icon-__Hjt2XZ.cjs");var $=Object.defineProperty,f=Object.getOwnPropertyDescriptor,r=(u,i,s,n)=>{for(var e=n>1?void 0:n?f(i,s):i,o=u.length-1,p;o>=0;o--)(p=u[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=h.e(),this.helptextSlot=h.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-D62wHiNU.cjs"),a=require("./if-defined-CkVc_RJD.cjs"),l=require("./state-BkE_Rxl7.cjs"),h=require("./ref-BfgcOXko.cjs"),c=require("./class-map-CG3vIaNm.cjs"),d=require("./input-element-Y8sdrq9C.cjs"),x=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-DVjNwf8-.cjs");require("./icon-__Hjt2XZ.cjs");var $=Object.defineProperty,f=Object.getOwnPropertyDescriptor,r=(u,i,s,n)=>{for(var e=n>1?void 0:n?f(i,s):i,o=u.length-1,p;o>=0;o--)(p=u[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=h.e(),this.helptextSlot=h.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-CmZrfH4A.js → textinput-CTOtfcTR.js}

@@ -5,7 +5,7 @@ import { e as d, n as m } from "./ref-BCGCor-j.js";
 import { e as g } from "./class-map-Dw6Wrxwi.js";
 import { P as x } from "./input-element-DQOVrqUZ.js";
 import { P as v } from "./pkt-slot-controller-BPGj-LC5.js";
-import "./input-wrapper-D_JdEqcO.js";
+import "./input-wrapper-CQzXG44g.js";
 import "./icon-B1-mkmwB.js";
 var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, o = (i, e, r, t) => {
   for (var n = t > 1 ? void 0 : t ? b(e, r) : e, l = i.length - 1, c; l >= 0; l--)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "13.6.10",
+  "version": "13.6.12",
   "description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -72,5 +72,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "0eaf5483d55590a0fa341a79c1f30d51d15c5741"
+  "gitHead": "0a373416dbf5e0b210cf078b3a29587bba6b6975"
 }

package/src/components/checkbox/checkbox.ts

@@ -4,9 +4,25 @@ import { PktInputElement } from '@/base-elements/input-element'
 import { Ref, createRef, ref } from 'lit/directives/ref.js'
 import { html, nothing, PropertyValues } from 'lit'
 import { classMap } from 'lit/directives/class-map.js'
+import { ElementProps } from '@/types/typeUtils'
+
+type Props = ElementProps<
+  PktCheckbox,
+  | 'checkHelptext'
+  | 'defaultChecked'
+  | 'hasTile'
+  | 'isSwitch'
+  | 'labelPosition'
+  | 'hideLabel'
+  | 'tagText'
+  | 'optionalTag'
+  | 'optionalText'
+  | 'requiredTag'
+  | 'requiredText'
+>
 
 @customElement('pkt-checkbox')
-export class PktCheckbox extends PktInputElement {
+export class PktCheckbox extends PktInputElement<Props> {
   private inputRef: Ref<HTMLInputElement> = createRef()
 
   @property({ type: String, reflect: true }) value: string = ''