@oslokommune/punkt-elements 15.4.0 → 15.4.3

package/CHANGELOG.md

@@ -5,6 +5,23 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [15.4.3](https://github.com/oslokommune/punkt/compare/15.4.2...15.4.3) (2026-02-26)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [15.0.2](https://github.com/oslokommune/punkt/compare/15.0.1...15.0.2) (2026-02-13)
 
 ### ⚠ BREAKING CHANGES

package/dist/{datepicker-BqGkvUmw.cjs → datepicker-SEKblnRR.cjs}

@@ -1,4 +1,4 @@
-"use strict";const l=require("./element-CMTfByxQ.cjs"),I=require("./state-BNgpvY-A.cjs"),u=require("./calendar-DjbO2g5L.cjs"),A=require("./input-element-DM0tY799.cjs"),o=require("./ref-CxLwrCxt.cjs");require("./icon-Dj0oZZSa.cjs");require("./input-wrapper-JU4D2TGu.cjs");const m=require("./class-map-Bokp1SoS.cjs"),M=require("./repeat-C-FJ2vfy.cjs");require("./tag-BnT5onW2.cjs");const O=require("./utils-byXsEz1u.cjs"),g=require("./if-defined-hKKmbsI8.cjs"),F=require("./pkt-slot-controller-D4nKlom5.cjs"),B={calendar:{buttonAltText:"Åpne kalender"}},j={calendar:{buttonAltText:"Åpne kalender"},generic:{from:"Fra",to:"Til"}};var L=Object.defineProperty,q=Object.getOwnPropertyDescriptor,b=(s,e,t,a)=>{for(var i=a>1?void 0:a?q(e,t):e,r=s.length-1,n;r>=0;r--)(n=s[r])&&(i=(a?n(e,t,i):n(i))||i);return a&&i&&L(e,t,i),i};exports.PktDateTags=class extends l.PktElement{constructor(){super(...arguments),this.dates=[],this.dateformat="dd.MM.yyyy",this.className="pkt-datepicker__tags",this.idBase=O.uuidish()}render(){return this.classes={"pkt-date-tags":!0,[this.className]:!0},l.b`
+"use strict";const l=require("./element-CMTfByxQ.cjs"),I=require("./state-BNgpvY-A.cjs"),u=require("./calendar-DjbO2g5L.cjs"),A=require("./input-element-DM0tY799.cjs"),o=require("./ref-CxLwrCxt.cjs");require("./icon-Dj0oZZSa.cjs");require("./input-wrapper-JU4D2TGu.cjs");const m=require("./class-map-Bokp1SoS.cjs"),M=require("./repeat-C-FJ2vfy.cjs");require("./tag-BnT5onW2.cjs");const O=require("./utils-byXsEz1u.cjs"),g=require("./if-defined-hKKmbsI8.cjs"),F=require("./pkt-slot-controller-D4nKlom5.cjs"),B={calendar:{buttonAltText:"Åpne kalender"}},j={calendar:{buttonAltText:"Åpne kalender"},generic:{from:"Fra",to:"Til"}};var q=Object.defineProperty,L=Object.getOwnPropertyDescriptor,b=(s,e,t,a)=>{for(var i=a>1?void 0:a?L(e,t):e,r=s.length-1,n;r>=0;r--)(n=s[r])&&(i=(a?n(e,t,i):n(i))||i);return a&&i&&q(e,t,i),i};exports.PktDateTags=class extends l.PktElement{constructor(){super(...arguments),this.dates=[],this.dateformat="dd.MM.yyyy",this.className="pkt-datepicker__tags",this.idBase=O.uuidish()}render(){return this.classes={"pkt-date-tags":!0,[this.className]:!0},l.b`
       <div class=${m.e(this.classes)} aria-live="polite">
         ${Array.isArray(this.dates)&&this.dates[0]?M.c(u.sortDateStrings((this.dates??[]).filter(Boolean)),e=>e,e=>{var t;return l.b` <pkt-tag
                   id=${this.idBase+e+"-tag"}
@@ -265,9 +265,7 @@
               id-base=${this.id}
               @date-tag-removed=${e=>{var i;const t=this.datepickerPopupRef.value,a=u.fromISOToDate(e.detail);t&&a&&typeof t.handleDateSelect=="function"?t.handleDateSelect(a):(i=this.calRef.value)==null||i.handleDateSelect(a)}}
             ></pkt-date-tags>`:l.A}
-        <div
-          class="pkt-datepicker__inputs ${this.range&&this.showRangeLabels?"pkt-input__range-inputs":""}"
-        >
+        <div class="pkt-datepicker__inputs ${this.range?"pkt-input__range-inputs":""}">
           ${this.range?this.renderRangeInput():this.multiple?this.renderMultipleInput():this.renderInput()}
         </div>
       </pkt-input-wrapper>

package/dist/{datepicker-BOW852c2.js → datepicker-nnyTW0vf.js}

@@ -1045,9 +1045,7 @@ let u = class extends ee {
       t && s && typeof t.handleDateSelect == "function" ? t.handleDateSelect(s) : (n = this.calRef.value) == null || n.handleDateSelect(s);
     }}
             ></pkt-date-tags>` : D}
-        <div
-          class="pkt-datepicker__inputs ${this.range && this.showRangeLabels ? "pkt-input__range-inputs" : ""}"
-        >
+        <div class="pkt-datepicker__inputs ${this.range ? "pkt-input__range-inputs" : ""}">
           ${this.range ? this.renderRangeInput() : this.multiple ? this.renderMultipleInput() : this.renderInput()}
         </div>
       </pkt-input-wrapper>

package/dist/pkt-datepicker.cjs

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

package/dist/pkt-datepicker.js

@@ -1,5 +1,5 @@
-import { a as e } from "./datepicker-BOW852c2.js";
-import { b as p, c as i, d as c } from "./datepicker-BOW852c2.js";
+import { a as e } from "./datepicker-nnyTW0vf.js";
+import { b as p, c as i, d as c } from "./datepicker-nnyTW0vf.js";
 const a = e;
 export {
   e as PktDatepicker,

package/dist/pkt-index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./alert-BDXWFRcf.cjs"),t=require("./accordionitem-To95GT6b.cjs"),a=require("./backlink-CQoNgoa-.cjs"),P=require("./button-VWxZW89G.cjs"),i=require("./calendar-DjbO2g5L.cjs"),c=require("./card-5S2r9UD1.cjs"),b=require("./combobox-CZsCRADa.cjs"),k=require("./consent-BQLkfN3d.cjs"),d=require("./checkbox-D98_NjcU.cjs"),r=require("./datepicker-BqGkvUmw.cjs"),e=require("./pkt-header.cjs"),l=require("./helptext-BjW1WdOn.cjs"),s=require("./heading-B0XRE0lq.cjs"),p=require("./icon-Dj0oZZSa.cjs"),g=require("./input-wrapper-JU4D2TGu.cjs"),m=require("./link-CDuv1jxx.cjs"),f=require("./linkcard-3WUL0CpY.cjs"),y=require("./loader-C1LI8Q4z.cjs"),j=require("./messagebox-Dmot5szX.cjs"),O=require("./modal-S9MOKOaz.cjs"),q=require("./progressbar-Bxh335uT.cjs"),n=require("./radiobutton-95wp024h.cjs"),x=require("./tag-BnT5onW2.cjs"),o=require("./tabitem-BKv4eN0a.cjs"),T=require("./textarea-CuTsE1WX.cjs"),C=require("./textinput-st4Vml5J.cjs"),H=require("./select-CZ_Lx5W6.cjs");Object.defineProperty(exports,"PktAlert",{enumerable:!0,get:()=>u.PktAlert});exports.PktAccordion=t.PktAccordion;exports.PktAccordionItem=t.PktAccordionItem_default;Object.defineProperty(exports,"PktBackLink",{enumerable:!0,get:()=>a.PktBackLink});Object.defineProperty(exports,"PktButton",{enumerable:!0,get:()=>P.PktButton});Object.defineProperty(exports,"PktCalendar",{enumerable:!0,get:()=>i.PktCalendar});Object.defineProperty(exports,"PktCard",{enumerable:!0,get:()=>c.PktCard});Object.defineProperty(exports,"PktCombobox",{enumerable:!0,get:()=>b.PktCombobox});Object.defineProperty(exports,"PktConsent",{enumerable:!0,get:()=>k.PktConsent});Object.defineProperty(exports,"PktCheckbox",{enumerable:!0,get:()=>d.PktCheckbox});Object.defineProperty(exports,"PktDateTags",{enumerable:!0,get:()=>r.PktDateTags});Object.defineProperty(exports,"PktDatepicker",{enumerable:!0,get:()=>r.PktDatepicker});Object.defineProperty(exports,"PktHeader",{enumerable:!0,get:()=>e.PktHeader});Object.defineProperty(exports,"PktHeaderService",{enumerable:!0,get:()=>e.PktHeaderService});Object.defineProperty(exports,"PktHeaderUserMenu",{enumerable:!0,get:()=>e.PktHeaderUserMenu});Object.defineProperty(exports,"PktHelptext",{enumerable:!0,get:()=>l.PktHelptext});Object.defineProperty(exports,"PktHeading",{enumerable:!0,get:()=>s.PktHeading});Object.defineProperty(exports,"PktIcon",{enumerable:!0,get:()=>p.PktIcon});Object.defineProperty(exports,"PktInputWrapper",{enumerable:!0,get:()=>g.PktInputWrapper});Object.defineProperty(exports,"PktLink",{enumerable:!0,get:()=>m.PktLink});Object.defineProperty(exports,"PktLinkCard",{enumerable:!0,get:()=>f.PktLinkCard});Object.defineProperty(exports,"PktLoader",{enumerable:!0,get:()=>y.PktLoader});Object.defineProperty(exports,"PktMessagebox",{enumerable:!0,get:()=>j.PktMessagebox});Object.defineProperty(exports,"PktModal",{enumerable:!0,get:()=>O.PktModal});Object.defineProperty(exports,"PktProgressbar",{enumerable:!0,get:()=>q.PktProgressbar});Object.defineProperty(exports,"PktRadioButton",{enumerable:!0,get:()=>n.PktRadioButton});Object.defineProperty(exports,"PktRadiobutton",{enumerable:!0,get:()=>n.PktRadioButton});Object.defineProperty(exports,"PktTag",{enumerable:!0,get:()=>x.PktTag});exports.PktTabItem=o.PktTabItem_default;exports.PktTabs=o.PktTabs;Object.defineProperty(exports,"PktTextarea",{enumerable:!0,get:()=>T.PktTextarea});Object.defineProperty(exports,"PktTextinput",{enumerable:!0,get:()=>C.PktTextinput});Object.defineProperty(exports,"PktSelect",{enumerable:!0,get:()=>H.PktSelect});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./alert-BDXWFRcf.cjs"),t=require("./accordionitem-To95GT6b.cjs"),a=require("./backlink-CQoNgoa-.cjs"),P=require("./button-VWxZW89G.cjs"),i=require("./calendar-DjbO2g5L.cjs"),c=require("./card-5S2r9UD1.cjs"),b=require("./combobox-CZsCRADa.cjs"),k=require("./consent-BQLkfN3d.cjs"),d=require("./checkbox-D98_NjcU.cjs"),r=require("./datepicker-SEKblnRR.cjs"),e=require("./pkt-header.cjs"),l=require("./helptext-BjW1WdOn.cjs"),s=require("./heading-B0XRE0lq.cjs"),p=require("./icon-Dj0oZZSa.cjs"),g=require("./input-wrapper-JU4D2TGu.cjs"),m=require("./link-CDuv1jxx.cjs"),f=require("./linkcard-3WUL0CpY.cjs"),y=require("./loader-C1LI8Q4z.cjs"),j=require("./messagebox-Dmot5szX.cjs"),O=require("./modal-S9MOKOaz.cjs"),q=require("./progressbar-Bxh335uT.cjs"),n=require("./radiobutton-95wp024h.cjs"),x=require("./tag-BnT5onW2.cjs"),o=require("./tabitem-BKv4eN0a.cjs"),T=require("./textarea-CuTsE1WX.cjs"),C=require("./textinput-st4Vml5J.cjs"),H=require("./select-CZ_Lx5W6.cjs");Object.defineProperty(exports,"PktAlert",{enumerable:!0,get:()=>u.PktAlert});exports.PktAccordion=t.PktAccordion;exports.PktAccordionItem=t.PktAccordionItem_default;Object.defineProperty(exports,"PktBackLink",{enumerable:!0,get:()=>a.PktBackLink});Object.defineProperty(exports,"PktButton",{enumerable:!0,get:()=>P.PktButton});Object.defineProperty(exports,"PktCalendar",{enumerable:!0,get:()=>i.PktCalendar});Object.defineProperty(exports,"PktCard",{enumerable:!0,get:()=>c.PktCard});Object.defineProperty(exports,"PktCombobox",{enumerable:!0,get:()=>b.PktCombobox});Object.defineProperty(exports,"PktConsent",{enumerable:!0,get:()=>k.PktConsent});Object.defineProperty(exports,"PktCheckbox",{enumerable:!0,get:()=>d.PktCheckbox});Object.defineProperty(exports,"PktDateTags",{enumerable:!0,get:()=>r.PktDateTags});Object.defineProperty(exports,"PktDatepicker",{enumerable:!0,get:()=>r.PktDatepicker});Object.defineProperty(exports,"PktHeader",{enumerable:!0,get:()=>e.PktHeader});Object.defineProperty(exports,"PktHeaderService",{enumerable:!0,get:()=>e.PktHeaderService});Object.defineProperty(exports,"PktHeaderUserMenu",{enumerable:!0,get:()=>e.PktHeaderUserMenu});Object.defineProperty(exports,"PktHelptext",{enumerable:!0,get:()=>l.PktHelptext});Object.defineProperty(exports,"PktHeading",{enumerable:!0,get:()=>s.PktHeading});Object.defineProperty(exports,"PktIcon",{enumerable:!0,get:()=>p.PktIcon});Object.defineProperty(exports,"PktInputWrapper",{enumerable:!0,get:()=>g.PktInputWrapper});Object.defineProperty(exports,"PktLink",{enumerable:!0,get:()=>m.PktLink});Object.defineProperty(exports,"PktLinkCard",{enumerable:!0,get:()=>f.PktLinkCard});Object.defineProperty(exports,"PktLoader",{enumerable:!0,get:()=>y.PktLoader});Object.defineProperty(exports,"PktMessagebox",{enumerable:!0,get:()=>j.PktMessagebox});Object.defineProperty(exports,"PktModal",{enumerable:!0,get:()=>O.PktModal});Object.defineProperty(exports,"PktProgressbar",{enumerable:!0,get:()=>q.PktProgressbar});Object.defineProperty(exports,"PktRadioButton",{enumerable:!0,get:()=>n.PktRadioButton});Object.defineProperty(exports,"PktRadiobutton",{enumerable:!0,get:()=>n.PktRadioButton});Object.defineProperty(exports,"PktTag",{enumerable:!0,get:()=>x.PktTag});exports.PktTabItem=o.PktTabItem_default;exports.PktTabs=o.PktTabs;Object.defineProperty(exports,"PktTextarea",{enumerable:!0,get:()=>T.PktTextarea});Object.defineProperty(exports,"PktTextinput",{enumerable:!0,get:()=>C.PktTextinput});Object.defineProperty(exports,"PktSelect",{enumerable:!0,get:()=>H.PktSelect});

package/dist/pkt-index.js

@@ -7,7 +7,7 @@ import { P as d } from "./card-CnPjrdre.js";
 import { P as c } from "./combobox-CXBYVeh-.js";
 import { P as u } from "./consent-knPF4PS_.js";
 import { P as T } from "./checkbox-BSz71IeT.js";
-import { P as l, a as H } from "./datepicker-BOW852c2.js";
+import { P as l, a as H } from "./datepicker-nnyTW0vf.js";
 import { PktHeader as L, PktHeaderService as A, PktHeaderUserMenu as B } from "./pkt-header.js";
 import { P as D } from "./helptext-TFpeGJ1P.js";
 import { P as S } from "./heading-D9R5UBcv.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "15.4.0",
+  "version": "15.4.3",
   "description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -42,7 +42,7 @@
     "@babel/preset-env": "^7.28.3",
     "@babel/preset-typescript": "^7.25.9",
     "@oslokommune/punkt-assets": "^15.0.0",
-    "@oslokommune/punkt-css": "^15.4.0",
+    "@oslokommune/punkt-css": "^15.4.3",
     "@testing-library/jest-dom": "^6.6.3",
     "@typescript-eslint/eslint-plugin": "^8.46.0",
     "@typescript-eslint/parser": "^8.46.0",
@@ -79,5 +79,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "0323bc56dc8636595ea48dd88dd966d363aac371"
+  "gitHead": "2209815d9725ba435cd62f140625a3f40903202a"
 }

package/src/components/datepicker/datepicker.ts

@@ -161,37 +161,37 @@ export class PktDatepicker extends PktInputElement<Props> {
     try {
       const parsedValue = valueToArray(newValue)
 
-    // For multiple dates, filter out invalid ones to prevent accumulating bad dates
-    // For single/range dates, preserve user input for validation feedback
-    const filteredValue =
-      this.multiple && parsedValue.length > 1
-        ? valueUtils.filterSelectableDates(
-            parsedValue,
-            this.min,
-            this.max,
-            this.excludedates,
-            this.excludeweekdays,
-          )
-        : parsedValue
-
-    if (this.range && !valueUtils.validateRangeOrder(filteredValue)) {
-      this._value = []
-      this._valueProperty = ''
-      super.valueChanged('', oldValue)
-      return
-    }
+      // For multiple dates, filter out invalid ones to prevent accumulating bad dates
+      // For single/range dates, preserve user input for validation feedback
+      const filteredValue =
+        this.multiple && parsedValue.length > 1
+          ? valueUtils.filterSelectableDates(
+              parsedValue,
+              this.min,
+              this.max,
+              this.excludedates,
+              this.excludeweekdays,
+            )
+          : parsedValue
+
+      if (this.range && !valueUtils.validateRangeOrder(filteredValue)) {
+        this._value = []
+        this._valueProperty = ''
+        super.valueChanged('', oldValue)
+        return
+      }
 
-    this._value = filteredValue
+      this._value = filteredValue
 
-    const parsedValueString = arrayToCsv(filteredValue)
-    if (this._valueProperty !== parsedValueString) {
-      this._valueProperty = parsedValueString
-    }
+      const parsedValueString = arrayToCsv(filteredValue)
+      if (this._valueProperty !== parsedValueString) {
+        this._valueProperty = parsedValueString
+      }
 
-    // In range mode, don't dispatch events until both dates are selected
-    if (this.range && filteredValue.length < 2) return
+      // In range mode, don't dispatch events until both dates are selected
+      if (this.range && filteredValue.length < 2) return
 
-    super.valueChanged(parsedValueString, oldValue)
+      super.valueChanged(parsedValueString, oldValue)
     } finally {
       this._valueProcessing = false
     }
@@ -374,7 +374,10 @@ export class PktDatepicker extends PktInputElement<Props> {
               this.value = fromValue
             } else {
               const newValues = [fromValue, toValue].filter(Boolean)
-              if (newValues.length > 0 && (newValues[0] !== this._value[0] || newValues[1] !== this._value[1])) {
+              if (
+                newValues.length > 0 &&
+                (newValues[0] !== this._value[0] || newValues[1] !== this._value[1])
+              ) {
                 this._value = newValues
                 this.value = newValues.join(',')
               }
@@ -536,11 +539,7 @@ export class PktDatepicker extends PktInputElement<Props> {
               }}
             ></pkt-date-tags>`
           : nothing}
-        <div
-          class="pkt-datepicker__inputs ${this.range && this.showRangeLabels
-            ? 'pkt-input__range-inputs'
-            : ''}"
-        >
+        <div class="pkt-datepicker__inputs ${this.range ? 'pkt-input__range-inputs' : ''}">
           ${this.range
             ? this.renderRangeInput()
             : this.multiple