@oslokommune/punkt-react 12.3.8 → 12.3.9

package/CHANGELOG.md

@@ -5,6 +5,24 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [12.3.9](https://github.com/oslokommune/punkt/compare/12.3.8...12.3.9) (2024-10-10)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+* PktInputElement nye metoder for endringshåndtering (#1951). 
+
+
+### Chores
+Ingen
+
+---
+
+
 ## [12.3.8](https://github.com/oslokommune/punkt/compare/12.3.7...12.3.8) (2024-10-10)
 
 ### ⚠ BREAKING CHANGES

package/dist/punkt-react.es.js

@@ -1694,6 +1694,20 @@ let Ke = class extends Ht {
       } else
         this.internals.setFormValue(t);
   }
+  valueChanged(t, n) {
+    typeof t == "string" ? ((this.multiple || this.range) && t.includes(",") && (t = t.split(",")), this.value = t, this._value = Array.isArray(t) ? t : [t]) : Array.isArray(t) ? (this.value = t, this._value = t) : (this.value = "", this._value = []), (!this.value || this.value.length === 0) && n && n.length !== 0 ? this.clearInputValue() : this.value && this.value.toString() !== (n == null ? void 0 : n.toString()) && this.onInput(this.value), this.updateComplete.then(() => this.requestUpdate());
+  }
+  // When input goes from content to no content
+  clearInputValue() {
+    const t = this.multiple || this.range ? [] : "";
+    this.value = t, this.internals.setFormValue(t), this.dispatchEvent(new Event("change")), this.dispatchEvent(
+      new CustomEvent("value-change", {
+        detail: t,
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
   // Trigger this when you want to set the value of the input out to the form
   onInput(t) {
     if (!this.touched) {
@@ -4769,17 +4783,15 @@ let qe = class extends Ke {
     });
   }
   attributeChangedCallback(e, t, n) {
-    e === "value" && (this.value === "" || this.value.length === 0 || typeof this.value > "u" ? this._value = [] : this.value.length && this._value.length === 0 && (!Array.isArray(this.value) && this.value.includes(",") && (this.value = this.value.split(",")), this._value = Array.isArray(this.value) ? this.value : this.value.split(","))), e === "excludedates" && typeof this.excludedates == "string" && (this.excludedates = (n == null ? void 0 : n.split(",")) ?? []), e === "excludeweekdays" && typeof this.excludeweekdays == "string" && (this.excludeweekdays = (n == null ? void 0 : n.split(",")) ?? []), super.attributeChangedCallback(e, t, n);
+    e === "value" && this.valueChanged(this.value, t), e === "excludedates" && typeof this.excludedates == "string" && (this.excludedates = (n == null ? void 0 : n.split(",")) ?? []), e === "excludeweekdays" && typeof this.excludeweekdays == "string" && (this.excludeweekdays = (n == null ? void 0 : n.split(",")) ?? []), super.attributeChangedCallback(e, t, n);
   }
   firstUpdated(e) {
     super.firstUpdated(e);
   }
   updated(e) {
-    var t;
     if (super.updated(e), e.has("value")) {
-      if (this.range && this._value.length === 1 || ((t = e.get("value")) == null ? void 0 : t.toString()) === this.value.toString())
-        return;
-      this.onInput(this.value);
+      if (this.range && this._value.length === 1) return;
+      this.valueChanged(this.value, e.get("value"));
     }
   }
   /**
@@ -4794,7 +4806,7 @@ let qe = class extends Ke {
         class="${Ye(this.inputClasses)}"
         type="date"
         id="${this.id}-input"
-        value=${this.value}
+        .value=${this._value[0] ?? ""}
         min=${this.min}
         max=${this.max}
         @click=${(e) => {
@@ -4802,7 +4814,7 @@ let qe = class extends Ke {
     }}
         ?disabled=${this.disabled}
         @blur=${(e) => {
-      this.manageValidity(e.target), this.value = e.target.value, this._value = this.massageDates(e.target.value.split(","));
+      this.manageValidity(e.target), this.value = e.target.value;
     }}
         @change=${(e) => {
       e.stopImmediatePropagation();
@@ -4818,7 +4830,7 @@ let qe = class extends Ke {
         class=${Ye(this.inputClasses)}
         type="date"
         id="${this.id}-input"
-        value=${this._value[0] ?? ""}
+        .value=${this._value[0] ?? ""}
         min=${this.min}
         max=${this.max}
         @click=${(e) => {
@@ -4831,7 +4843,7 @@ let qe = class extends Ke {
         this.manageValidity(e.target);
         const r = this.fromISOToDate(e.target.value);
         r && this._value[0] !== e.target.value && this._value[1] && ((n = (t = this.calRef) == null ? void 0 : t.value) == null || n.handleDateSelect(r));
-      }
+      } else this._value[0] && this.clearInputValue();
     }}
         @change=${(e) => {
       e.stopImmediatePropagation();
@@ -4843,7 +4855,7 @@ let qe = class extends Ke {
         class=${Ye(this.inputClasses)}
         type="date"
         id="${this.id}-to"
-        value=${this._value[1] ?? ""}
+        .value=${this._value[1] ?? ""}
         min=${this.min}
         max=${this.max}
         @click=${(e) => {
@@ -4941,7 +4953,7 @@ let qe = class extends Ke {
         .excludeweekdays=${this.excludeweekdays}
         .currentmonth=${new Date(this.currentmonth)}
         @date-selected=${(e) => {
-      this.value = !this.multiple && !this.range ? Array.isArray(e.detail) ? e.detail[0] : e.detail.split(",")[0] : e.detail, this._value = e.detail, this.inputRef.value && (this.range && this.inputRefTo.value ? (this.inputRef.value.value = this._value[0] ?? "", this.inputRefTo.value.value = this._value[1] ?? "") : this.multiple || (this.inputRef.value.value = this._value.length ? this._value[0] : ""));
+      this.value = !this.multiple && !this.range ? e.detail[0] : e.detail, this._value = e.detail, this.inputRef.value && (this.range && this.inputRefTo.value ? (this.inputRef.value.value = this._value[0] ?? "", this.inputRefTo.value.value = this._value[1] ?? "") : this.multiple || (this.inputRef.value.value = this._value.length ? this._value[0] : ""));
     }}
         @close=${this.hideCalendar}
         ${ct(this.calRef)}

package/dist/punkt-react.umd.js

@@ -96,7 +96,7 @@ React keys must be passed directly to JSX without using spread:
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Pr(e){return O({...e,state:!0,attribute:!1})}for(var Xe=[],es=0;es<256;++es)Xe.push((es+256).toString(16).slice(1));function Sh(e,t=0){return(Xe[e[t+0]]+Xe[e[t+1]]+Xe[e[t+2]]+Xe[e[t+3]]+"-"+Xe[e[t+4]]+Xe[e[t+5]]+"-"+Xe[e[t+6]]+Xe[e[t+7]]+"-"+Xe[e[t+8]]+Xe[e[t+9]]+"-"+Xe[e[t+10]]+Xe[e[t+11]]+Xe[e[t+12]]+Xe[e[t+13]]+Xe[e[t+14]]+Xe[e[t+15]]).toLowerCase()}var $a,Eh=new Uint8Array(16);function Fh(){if(!$a&&($a=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!$a))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return $a(Eh)}var Ah=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);const Tl={randomUUID:Ah};function Bl(e,t,n){if(Tl.randomUUID&&!t&&!e)return Tl.randomUUID();e=e||{};var r=e.random||(e.rng||Fh)();return r[6]=r[6]&15|64,r[8]=r[8]&63|128,Sh(r)}const $h={hi:"Hei!"},Th={buttonAltText:"Åpne kalender"},Bh={days:["Mandag","Tirsdag","Onsdag","Torsdag","Fredag","Lørdag","Søndag"],daysShort:["Man","Tir","Ons","Tor","Fre","Lør","Søn"],months:["Januar","Februar","Mars","April","Mai","Juni","Juli","August","September","Oktober","November","Desember"],monthsShort:["Jan","Feb","Mar","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Des"],week:"Uke",prevMonth:"Forrige måned",nextMonth:"Neste måned"},Nh={labels:{optional:"Valgfritt",required:"Må fylles ut"},messages:{required:"Dette feltet er påkrevd",invalid:"Ugyldig verdi",invalidPattern:"Ugyldig format",tooShort:"For kort",tooLong:"For lang",rangeUnderflow:"For lav verdi",rangeOverflow:"For høy verdi",dateUnderflow:"For tidlig dato",dateOverflow:"For sen dato"},date:{multiple:"Her kan du velge flere datoer. Trykk komma eller enter når du har skrevet inn en dato."}},$t={example:$h,calendar:Th,dates:Bh,forms:Nh};var jh=Object.defineProperty,ze=(e,t,n,r)=>{for(var i=void 0,o=e.length-1,u;o>=0;o--)(u=e[o])&&(i=u(t,n,i)||i);return i&&jh(t,n,i),i};let jt=class extends jr{constructor(){super(),this.strings=$t}connectedCallback(){super.connectedCallback()}createRenderRoot(){return this}hotReplacedCallback(){this.requestUpdate()}};ze([O({type:Object})],jt.prototype,"strings");let Ve=class extends jt{constructor(){super(),this.id=Bl(),this.name=this.id,this.required=!1,this.disabled=!1,this.placeholder="",this.min=null,this.max=null,this.minlength=0,this.maxlength=0,this.pattern="",this.optionalTag=!1,this.optionalText=$t.forms.labels.optional,this.requiredTag=!1,this.requiredText=$t.forms.labels.required,this.hasError=!1,this.errorMessage="",this.touched=!1,this.internals=this.attachInternals()}static get formAssociated(){return!0}manageValidity(t){this.required&&!this.value?this.internals.setValidity({valueMissing:!0},$t.forms.messages.required,t):t.validity.typeMismatch||t.validity.badInput?this.internals.setValidity({typeMismatch:!0},$t.forms.messages.invalid,t):t.validity.patternMismatch?this.internals.setValidity({patternMismatch:!0},$t.forms.messages.invalidPattern,t):t.validity.tooShort||this.minLength>0&&this.value.length<this.minLength?this.internals.setValidity({tooShort:!0},$t.forms.messages.tooShort,t):t.validity.tooLong||this.maxLength>0&&this.value.length>this.maxLength?this.internals.setValidity({tooLong:!0},$t.forms.messages.tooLong,t):t.validity.rangeUnderflow?this.internals.setValidity({rangeUnderflow:!0},$t.forms.messages.rangeUnderflow,t):t.validity.rangeOverflow?this.internals.setValidity({rangeOverflow:!0},$t.forms.messages.rangeOverflow,t):t.validity.customError?this.internals.setValidity({customError:!0},t.validationMessage,t):this.internals.setValidity({})}setFormValue(t){if(this.internals)if(Array.isArray(t)){const n=new FormData;t.forEach(r=>{n.append(this.name,r)}),this.internals.setFormValue(n)}else this.internals.setFormValue(t)}onInput(t){if(!this.touched){this.touched=!0,t&&this.setFormValue(t);return}typeof t!="string"&&!Array.isArray(t)||((this.range||this.multiple)&&!Array.isArray(t)&&t.includes(",")&&(t=t.split(",")),!this.multiple&&!this.range&&Array.isArray(t)&&(t=t[0]),this.setFormValue(t),this.manageValidity(this.inputRef.value),this.inputRef2&&this.manageValidity(this.inputRef2.value),this.dispatchEvent(new Event("input")),this.dispatchEvent(new Event("change")),this.dispatchEvent(new CustomEvent("value-change",{detail:t,bubbles:!0,composed:!0})),this.internals.reportValidity())}firstUpdated(t){super.firstUpdated(t),this.required&&(this.internals.ariaRequired=!0),this.disabled&&(this.internals.disabled=!0,this.internals.ariaDisabled=!0),this.internals.setFormValue(this.value),this.manageValidity(this.inputRef.value)}};ze([O({type:String,reflect:!0})],Ve.prototype,"id"),ze([O({type:String,reflect:!0})],Ve.prototype,"name"),ze([O({type:Boolean,reflect:!0})],Ve.prototype,"required"),ze([O({type:Boolean,reflect:!0})],Ve.prototype,"disabled"),ze([O({type:String,reflect:!0})],Ve.prototype,"placeholder"),ze([O({type:Number,reflect:!0})],Ve.prototype,"min"),ze([O({type:Number,reflect:!0})],Ve.prototype,"max"),ze([O({type:Number,reflect:!0})],Ve.prototype,"minlength"),ze([O({type:Number,reflect:!0})],Ve.prototype,"maxlength"),ze([O({type:String,reflect:!0})],Ve.prototype,"pattern"),ze([O({type:Boolean,reflect:!0})],Ve.prototype,"optionalTag"),ze([O({type:String,reflect:!0})],Ve.prototype,"optionalText"),ze([O({type:Boolean,reflect:!0})],Ve.prototype,"requiredTag"),ze([O({type:String,reflect:!0})],Ve.prototype,"requiredText"),ze([O({type:Boolean,reflect:!0})],Ve.prototype,"hasError"),ze([O({type:String,reflect:!0})],Ve.prototype,"errorMessage"),ze([Pr()],Ve.prototype,"touched");const Nl=e=>{if(Array.isArray(e))return e;if(typeof e=="string")return e.split(",")},Ph=e=>e?new Date(e):null,Lh=e=>{if(typeof e=="string")return e.split(",").map(t=>new Date(t));if(Array.isArray(e))return e.map(t=>new Date(t))},Qn={csvToArray:Nl,stringToDate:Ph,stringsToDate:Lh};/**
+ */function Pr(e){return O({...e,state:!0,attribute:!1})}for(var Xe=[],es=0;es<256;++es)Xe.push((es+256).toString(16).slice(1));function Sh(e,t=0){return(Xe[e[t+0]]+Xe[e[t+1]]+Xe[e[t+2]]+Xe[e[t+3]]+"-"+Xe[e[t+4]]+Xe[e[t+5]]+"-"+Xe[e[t+6]]+Xe[e[t+7]]+"-"+Xe[e[t+8]]+Xe[e[t+9]]+"-"+Xe[e[t+10]]+Xe[e[t+11]]+Xe[e[t+12]]+Xe[e[t+13]]+Xe[e[t+14]]+Xe[e[t+15]]).toLowerCase()}var $a,Eh=new Uint8Array(16);function Fh(){if(!$a&&($a=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!$a))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return $a(Eh)}var Ah=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);const Tl={randomUUID:Ah};function Bl(e,t,n){if(Tl.randomUUID&&!t&&!e)return Tl.randomUUID();e=e||{};var r=e.random||(e.rng||Fh)();return r[6]=r[6]&15|64,r[8]=r[8]&63|128,Sh(r)}const $h={hi:"Hei!"},Th={buttonAltText:"Åpne kalender"},Bh={days:["Mandag","Tirsdag","Onsdag","Torsdag","Fredag","Lørdag","Søndag"],daysShort:["Man","Tir","Ons","Tor","Fre","Lør","Søn"],months:["Januar","Februar","Mars","April","Mai","Juni","Juli","August","September","Oktober","November","Desember"],monthsShort:["Jan","Feb","Mar","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Des"],week:"Uke",prevMonth:"Forrige måned",nextMonth:"Neste måned"},Nh={labels:{optional:"Valgfritt",required:"Må fylles ut"},messages:{required:"Dette feltet er påkrevd",invalid:"Ugyldig verdi",invalidPattern:"Ugyldig format",tooShort:"For kort",tooLong:"For lang",rangeUnderflow:"For lav verdi",rangeOverflow:"For høy verdi",dateUnderflow:"For tidlig dato",dateOverflow:"For sen dato"},date:{multiple:"Her kan du velge flere datoer. Trykk komma eller enter når du har skrevet inn en dato."}},$t={example:$h,calendar:Th,dates:Bh,forms:Nh};var jh=Object.defineProperty,ze=(e,t,n,r)=>{for(var i=void 0,o=e.length-1,u;o>=0;o--)(u=e[o])&&(i=u(t,n,i)||i);return i&&jh(t,n,i),i};let jt=class extends jr{constructor(){super(),this.strings=$t}connectedCallback(){super.connectedCallback()}createRenderRoot(){return this}hotReplacedCallback(){this.requestUpdate()}};ze([O({type:Object})],jt.prototype,"strings");let Ve=class extends jt{constructor(){super(),this.id=Bl(),this.name=this.id,this.required=!1,this.disabled=!1,this.placeholder="",this.min=null,this.max=null,this.minlength=0,this.maxlength=0,this.pattern="",this.optionalTag=!1,this.optionalText=$t.forms.labels.optional,this.requiredTag=!1,this.requiredText=$t.forms.labels.required,this.hasError=!1,this.errorMessage="",this.touched=!1,this.internals=this.attachInternals()}static get formAssociated(){return!0}manageValidity(t){this.required&&!this.value?this.internals.setValidity({valueMissing:!0},$t.forms.messages.required,t):t.validity.typeMismatch||t.validity.badInput?this.internals.setValidity({typeMismatch:!0},$t.forms.messages.invalid,t):t.validity.patternMismatch?this.internals.setValidity({patternMismatch:!0},$t.forms.messages.invalidPattern,t):t.validity.tooShort||this.minLength>0&&this.value.length<this.minLength?this.internals.setValidity({tooShort:!0},$t.forms.messages.tooShort,t):t.validity.tooLong||this.maxLength>0&&this.value.length>this.maxLength?this.internals.setValidity({tooLong:!0},$t.forms.messages.tooLong,t):t.validity.rangeUnderflow?this.internals.setValidity({rangeUnderflow:!0},$t.forms.messages.rangeUnderflow,t):t.validity.rangeOverflow?this.internals.setValidity({rangeOverflow:!0},$t.forms.messages.rangeOverflow,t):t.validity.customError?this.internals.setValidity({customError:!0},t.validationMessage,t):this.internals.setValidity({})}setFormValue(t){if(this.internals)if(Array.isArray(t)){const n=new FormData;t.forEach(r=>{n.append(this.name,r)}),this.internals.setFormValue(n)}else this.internals.setFormValue(t)}valueChanged(t,n){typeof t=="string"?((this.multiple||this.range)&&t.includes(",")&&(t=t.split(",")),this.value=t,this._value=Array.isArray(t)?t:[t]):Array.isArray(t)?(this.value=t,this._value=t):(this.value="",this._value=[]),(!this.value||this.value.length===0)&&n&&n.length!==0?this.clearInputValue():this.value&&this.value.toString()!==(n==null?void 0:n.toString())&&this.onInput(this.value),this.updateComplete.then(()=>this.requestUpdate())}clearInputValue(){const t=this.multiple||this.range?[]:"";this.value=t,this.internals.setFormValue(t),this.dispatchEvent(new Event("change")),this.dispatchEvent(new CustomEvent("value-change",{detail:t,bubbles:!0,composed:!0}))}onInput(t){if(!this.touched){this.touched=!0,t&&this.setFormValue(t);return}typeof t!="string"&&!Array.isArray(t)||((this.range||this.multiple)&&!Array.isArray(t)&&t.includes(",")&&(t=t.split(",")),!this.multiple&&!this.range&&Array.isArray(t)&&(t=t[0]),this.setFormValue(t),this.manageValidity(this.inputRef.value),this.inputRef2&&this.manageValidity(this.inputRef2.value),this.dispatchEvent(new Event("input")),this.dispatchEvent(new Event("change")),this.dispatchEvent(new CustomEvent("value-change",{detail:t,bubbles:!0,composed:!0})),this.internals.reportValidity())}firstUpdated(t){super.firstUpdated(t),this.required&&(this.internals.ariaRequired=!0),this.disabled&&(this.internals.disabled=!0,this.internals.ariaDisabled=!0),this.internals.setFormValue(this.value),this.manageValidity(this.inputRef.value)}};ze([O({type:String,reflect:!0})],Ve.prototype,"id"),ze([O({type:String,reflect:!0})],Ve.prototype,"name"),ze([O({type:Boolean,reflect:!0})],Ve.prototype,"required"),ze([O({type:Boolean,reflect:!0})],Ve.prototype,"disabled"),ze([O({type:String,reflect:!0})],Ve.prototype,"placeholder"),ze([O({type:Number,reflect:!0})],Ve.prototype,"min"),ze([O({type:Number,reflect:!0})],Ve.prototype,"max"),ze([O({type:Number,reflect:!0})],Ve.prototype,"minlength"),ze([O({type:Number,reflect:!0})],Ve.prototype,"maxlength"),ze([O({type:String,reflect:!0})],Ve.prototype,"pattern"),ze([O({type:Boolean,reflect:!0})],Ve.prototype,"optionalTag"),ze([O({type:String,reflect:!0})],Ve.prototype,"optionalText"),ze([O({type:Boolean,reflect:!0})],Ve.prototype,"requiredTag"),ze([O({type:String,reflect:!0})],Ve.prototype,"requiredText"),ze([O({type:Boolean,reflect:!0})],Ve.prototype,"hasError"),ze([O({type:String,reflect:!0})],Ve.prototype,"errorMessage"),ze([Pr()],Ve.prototype,"touched");const Nl=e=>{if(Array.isArray(e))return e;if(typeof e=="string")return e.split(",")},Ph=e=>e?new Date(e):null,Lh=e=>{if(typeof e=="string")return e.split(",").map(t=>new Date(t));if(Array.isArray(e))return e.map(t=>new Date(t))},Qn={csvToArray:Nl,stringToDate:Ph,stringsToDate:Lh};/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -345,17 +345,17 @@ React keys must be passed directly to JSX without using spread:
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const Gl=(e,t,n)=>{const r=new Map;for(let i=t;i<=n;i++)r.set(e[i],i);return r},Fm=Lr(class extends Ba{constructor(e){if(super(e),e.type!==Ta.CHILD)throw Error("repeat() can only be used in text expressions")}dt(e,t,n){let r;n===void 0?n=t:t!==void 0&&(r=t);const i=[],o=[];let u=0;for(const c of e)i[u]=r?r(c,u):u,o[u]=n(c,u),u++;return{values:o,keys:i}}render(e,t,n){return this.dt(e,t,n).values}update(e,[t,n,r]){const i=ef(e),{values:o,keys:u}=this.dt(t,n,r);if(!Array.isArray(i))return this.ut=u,o;const c=this.ut??(this.ut=[]),d=[];let h,g,v=0,D=i.length-1,b=0,k=o.length-1;for(;v<=D&&b<=k;)if(i[v]===null)v++;else if(i[D]===null)D--;else if(c[v]===u[b])d[b]=$n(i[v],o[b]),v++,b++;else if(c[D]===u[k])d[k]=$n(i[D],o[k]),D--,k--;else if(c[v]===u[k])d[k]=$n(i[v],o[k]),Mr(e,d[k+1],i[v]),v++,k--;else if(c[D]===u[b])d[b]=$n(i[D],o[b]),Mr(e,i[v],i[D]),D--,b++;else if(h===void 0&&(h=Gl(u,b,k),g=Gl(c,v,D)),h.has(c[v]))if(h.has(c[D])){const x=g.get(u[b]),C=x!==void 0?i[x]:null;if(C===null){const T=Mr(e,i[v]);$n(T,o[b]),d[b]=T}else d[b]=$n(C,o[b]),Mr(e,i[v],C),i[x]=null;b++}else as(i[D]),D--;else as(i[v]),v++;for(;b<=k;){const x=Mr(e,d[k+1]);$n(x,o[b]),d[b++]=x}for(;v<=D;){const x=i[v++];x!==null&&as(x)}return this.ut=u,Zh(e,d),Vt}}),Am="pkt-datepicker",$m=!0,Tm={name:{type:"string",name:"Navn",description:"Navn som sendes brukes i skjema ved innsending"},label:{type:"string",name:"Etikett",description:"Tekst som vises over datovelgeren"},helptext:{type:"string",name:"Hjelpetekst",description:"Hjelpetekst som vises over datovelgeren"},helptextDropdown:{type:"string",name:"Utvidet hjelpetekst",description:"Hjelpetekst som vises i en lukket boks man kan åpne"},helptextDropdownButton:{type:"string",name:"Knappetekst for hjelpetekst",description:"Tekst som vises på knappen for å åpne/lukke utvidet hjelpetekst",default:"Les mer"},dateformat:{name:"Datoformat",description:"Datoformat for valgte datoer i flervalgsmodus",type:"string",default:"dd.MM.yyyy"},currentmonth:{name:"Nåværende måned",type:"ISOdatestring",description:"Måneden som skal vises i datovelgeren"},value:{name:"Verdi",type:"ISOdatestring",variant:"multiple",reflect:!0,description:"Kommaseparert liste av valgte datoer"},excludeweekdays:{name:"Utelat ukedager",type:"string",description:"Kommaseparert liste over ukedager (1-7) som skal ekskluderes"},excludedates:{name:"Utelat datoer",type:"ISOdatestring",variant:"multiple",description:"Kommaseparert liste over datoer som skal ekskluderes"},min:{name:"Tidligst tillatt",type:"ISOdatestring",default:null,description:"Første tillate dato i datovelgeren"},max:{name:"Senest tillatt",type:"ISOdatestring",default:null,description:"Siste tillate dato i datovelgeren"},weeknumbers:{name:"Vis ukenummer",type:"boolean",reflect:!0,default:!1,description:"Vis ukedager i datovelgerens kalender"},withcontrols:{name:"Med kontroller",type:"boolean",reflect:!0,default:!1,description:"Vis avanserte velgere for måned og år"},multiple:{name:"Flervalg",type:"boolean",reflect:!0,default:!1,description:"Tillat valg av flere enn én dato i samme velger"},maxlength:{name:"Maks antall",description:"Maks valgte datoer i flervalgsmodus",type:"number",default:4},range:{name:"Datotidsrom",type:"boolean",reflect:!0,default:!1,description:"Tillat å velge et tidsrom mellom to datoer i samme velger"},hasError:{type:"boolean",name:"Feil",description:"Viser feiltilstand for datovelgeren"},errorMessage:{type:"string",name:"Feilmelding",description:"Tekst som vises under datovelgeren ved feiltilstand"},disabled:{type:"boolean",name:"Deaktivert",default:!1,reflect:!0,description:"Er datovelgeren deaktivert?"},fullwidth:{type:"boolean",name:"Full bredde",default:!1,reflect:!0,description:"Skal datovelgeren ta opp hele bredden?"},required:{type:"boolean",name:"Påkrevd",default:!1,reflect:!0,description:"Er datovelgeren påkrevd?"},requiredTag:{type:"boolean",name:"Vise påkrevd-merking",default:!1,description:"Viser en merking som indikerer at datovelgeren er påkrevd"},requiredText:{type:"string",name:"Påkrevd-tekst",default:"Må fylles ut",description:"Tekst som vises i påkrevd-merkingen"},optionalTag:{type:"boolean",name:"Vise valgfritt-merking",default:!1,description:"Viser en merking som indikerer at datovelgeren er valgfri"},optionalText:{type:"string",name:"Valgfritt-tekst",default:"Valgfritt",description:"Tekst som vises i valgfritt-merkingen"},id:{type:"string",name:"ID",description:"Unik identifikasjon for datovelgeren"}},Bm={change:{type:"Event",description:"Returnerer valgt dato som streng i ISO-format"},"value-change":{type:"CustomEvent",description:"Returnerer en <code>array</code> med valgte datoer i ISO-format"},toggleHelpText:{type:"CustomEvent",description:"Returnerer <code>event.detail { isOpen: true }</code> eller <code>event.detail { isOpen: false }</code> når hjelpeteksten åpnes eller lukkes"}},Jt={name:Am,"css-class":"pkt-datepicker",isElement:$m,props:Tm,events:Bm};var Nm=Object.defineProperty,jm=Object.getOwnPropertyDescriptor,Ge=(e,t,n,r)=>{for(var i=r>1?void 0:r?jm(t,n):t,o=e.length-1,u;o>=0;o--)(u=e[o])&&(i=(r?u(t,n,i):u(i))||i);return r&&i&&Nm(t,n,i),i};const Kl=e=>new Promise(t=>setTimeout(t,e));let Ie=class extends Ve{constructor(){super(...arguments),this.value="",this._value=this.value?Array.isArray(this.value)?this.value:this.value.split(","):[],this.label="Datovelger",this.helptext="",this.helptextDropdown="",this.helptextDropdownButton=Jt.props.helptextDropdownButton.default,this.dateformat=Jt.props.dateformat.default,this.multiple=Jt.props.multiple.default,this.maxlength=Jt.props.maxlength.default,this.range=Jt.props.range.default,this.weeknumbers=Jt.props.weeknumbers.default,this.withcontrols=Jt.props.withcontrols.default,this.fullwidth=!1,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=this.formatISODate(new Date),this.calendarOpen=!1,this.inputRef=_t(),this.inputRefTo=_t(),this.btnRef=_t(),this.calRef=_t(),this.popupRef=_t(),this.inputClasses={"pkt-input":!0,"pkt-datepicker__input":!0,"pkt-input--fullwidth":this.fullwidth},this.buttonClasses={"pkt-input-icon":!0,"pkt-btn":!0,"pkt-btn--icon-only":!0,"pkt-btn--tertiary":!0},this.fromISOToDate=e=>{if(!e)return null;const t=new Date(e);return t.setHours(12,0,0,0),isNaN(t.getTime())?null:t},this.fromISOtoLocal=e=>{const t=new Date(e);return isNaN(t.getTime())?"":Sm(t,this.dateformat)},this.massageDates=e=>{const t=e.map(n=>n??void 0);return this.multiple?t:this.range?t.slice(0,2):[t[0]]},this.addToSelected=e=>{const t=e.target,n=this.min?new Date(this.min):null,r=this.max?new Date(this.max):null,i=new Date(t.value.split(",")[0]);i.setHours(12,0,0,0),i&&!isNaN(i.getTime())&&(!n||i>=n)&&(!r||i<=r)&&this.calRef.value&&this.calRef.value.handleDateSelect(i),t.value=""}}async connectedCallback(){super.connectedCallback(),document&&document.body.addEventListener("click",e=>{var t,n;(t=this.inputRef)!=null&&t.value&&(n=this.btnRef)!=null&&n.value&&!this.inputRef.value.contains(e.target)&&!(this.inputRefTo.value&&this.inputRefTo.value.contains(e.target))&&!this.btnRef.value.contains(e.target)&&!e.target.closest(".pkt-calendar-popup")&&this.hideCalendar()}),this.value.length&&this._value.length===0&&(this._value=Array.isArray(this.value)?this.value:this.value.split(",")),this.min=this.min||Jt.props.min.default,this.max=this.max||Jt.props.max.default,typeof this.excludedates=="string"&&(this.excludedates=this.excludedates.split(",")),typeof this.excludeweekdays=="string"&&(this.excludeweekdays=this.excludeweekdays.split(",")),(this.multiple||this.range)&&this.name&&!this.name.endsWith("[]")&&(this.name=this.name+"[]"),this.calendarOpen&&(await Kl(20),this.handleCalendarPosition())}disconnectedCallback(){super.disconnectedCallback(),document&&document.body.removeEventListener("click",e=>{var t,n;(t=this.inputRef)!=null&&t.value&&(n=this.btnRef)!=null&&n.value&&!this.inputRef.value.contains(e.target)&&!this.btnRef.value.contains(e.target)&&this.hideCalendar()})}attributeChangedCallback(e,t,n){e==="value"&&(this.value===""||this.value.length===0||typeof this.value>"u"?this._value=[]:this.value.length&&this._value.length===0&&(!Array.isArray(this.value)&&this.value.includes(",")&&(this.value=this.value.split(",")),this._value=Array.isArray(this.value)?this.value:this.value.split(","))),e==="excludedates"&&typeof this.excludedates=="string"&&(this.excludedates=(n==null?void 0:n.split(","))??[]),e==="excludeweekdays"&&typeof this.excludeweekdays=="string"&&(this.excludeweekdays=(n==null?void 0:n.split(","))??[]),super.attributeChangedCallback(e,t,n)}firstUpdated(e){super.firstUpdated(e)}updated(e){var t;if(super.updated(e),e.has("value")){if(this.range&&this._value.length===1||((t=e.get("value"))==null?void 0:t.toString())===this.value.toString())return;this.onInput(this.value)}}formatISODate(e){return e.toISOString().split("T")[0]}renderInput(){return J`
+ */const Gl=(e,t,n)=>{const r=new Map;for(let i=t;i<=n;i++)r.set(e[i],i);return r},Fm=Lr(class extends Ba{constructor(e){if(super(e),e.type!==Ta.CHILD)throw Error("repeat() can only be used in text expressions")}dt(e,t,n){let r;n===void 0?n=t:t!==void 0&&(r=t);const i=[],o=[];let u=0;for(const c of e)i[u]=r?r(c,u):u,o[u]=n(c,u),u++;return{values:o,keys:i}}render(e,t,n){return this.dt(e,t,n).values}update(e,[t,n,r]){const i=ef(e),{values:o,keys:u}=this.dt(t,n,r);if(!Array.isArray(i))return this.ut=u,o;const c=this.ut??(this.ut=[]),d=[];let h,g,v=0,D=i.length-1,b=0,k=o.length-1;for(;v<=D&&b<=k;)if(i[v]===null)v++;else if(i[D]===null)D--;else if(c[v]===u[b])d[b]=$n(i[v],o[b]),v++,b++;else if(c[D]===u[k])d[k]=$n(i[D],o[k]),D--,k--;else if(c[v]===u[k])d[k]=$n(i[v],o[k]),Mr(e,d[k+1],i[v]),v++,k--;else if(c[D]===u[b])d[b]=$n(i[D],o[b]),Mr(e,i[v],i[D]),D--,b++;else if(h===void 0&&(h=Gl(u,b,k),g=Gl(c,v,D)),h.has(c[v]))if(h.has(c[D])){const x=g.get(u[b]),C=x!==void 0?i[x]:null;if(C===null){const T=Mr(e,i[v]);$n(T,o[b]),d[b]=T}else d[b]=$n(C,o[b]),Mr(e,i[v],C),i[x]=null;b++}else as(i[D]),D--;else as(i[v]),v++;for(;b<=k;){const x=Mr(e,d[k+1]);$n(x,o[b]),d[b++]=x}for(;v<=D;){const x=i[v++];x!==null&&as(x)}return this.ut=u,Zh(e,d),Vt}}),Am="pkt-datepicker",$m=!0,Tm={name:{type:"string",name:"Navn",description:"Navn som sendes brukes i skjema ved innsending"},label:{type:"string",name:"Etikett",description:"Tekst som vises over datovelgeren"},helptext:{type:"string",name:"Hjelpetekst",description:"Hjelpetekst som vises over datovelgeren"},helptextDropdown:{type:"string",name:"Utvidet hjelpetekst",description:"Hjelpetekst som vises i en lukket boks man kan åpne"},helptextDropdownButton:{type:"string",name:"Knappetekst for hjelpetekst",description:"Tekst som vises på knappen for å åpne/lukke utvidet hjelpetekst",default:"Les mer"},dateformat:{name:"Datoformat",description:"Datoformat for valgte datoer i flervalgsmodus",type:"string",default:"dd.MM.yyyy"},currentmonth:{name:"Nåværende måned",type:"ISOdatestring",description:"Måneden som skal vises i datovelgeren"},value:{name:"Verdi",type:"ISOdatestring",variant:"multiple",reflect:!0,description:"Kommaseparert liste av valgte datoer"},excludeweekdays:{name:"Utelat ukedager",type:"string",description:"Kommaseparert liste over ukedager (1-7) som skal ekskluderes"},excludedates:{name:"Utelat datoer",type:"ISOdatestring",variant:"multiple",description:"Kommaseparert liste over datoer som skal ekskluderes"},min:{name:"Tidligst tillatt",type:"ISOdatestring",default:null,description:"Første tillate dato i datovelgeren"},max:{name:"Senest tillatt",type:"ISOdatestring",default:null,description:"Siste tillate dato i datovelgeren"},weeknumbers:{name:"Vis ukenummer",type:"boolean",reflect:!0,default:!1,description:"Vis ukedager i datovelgerens kalender"},withcontrols:{name:"Med kontroller",type:"boolean",reflect:!0,default:!1,description:"Vis avanserte velgere for måned og år"},multiple:{name:"Flervalg",type:"boolean",reflect:!0,default:!1,description:"Tillat valg av flere enn én dato i samme velger"},maxlength:{name:"Maks antall",description:"Maks valgte datoer i flervalgsmodus",type:"number",default:4},range:{name:"Datotidsrom",type:"boolean",reflect:!0,default:!1,description:"Tillat å velge et tidsrom mellom to datoer i samme velger"},hasError:{type:"boolean",name:"Feil",description:"Viser feiltilstand for datovelgeren"},errorMessage:{type:"string",name:"Feilmelding",description:"Tekst som vises under datovelgeren ved feiltilstand"},disabled:{type:"boolean",name:"Deaktivert",default:!1,reflect:!0,description:"Er datovelgeren deaktivert?"},fullwidth:{type:"boolean",name:"Full bredde",default:!1,reflect:!0,description:"Skal datovelgeren ta opp hele bredden?"},required:{type:"boolean",name:"Påkrevd",default:!1,reflect:!0,description:"Er datovelgeren påkrevd?"},requiredTag:{type:"boolean",name:"Vise påkrevd-merking",default:!1,description:"Viser en merking som indikerer at datovelgeren er påkrevd"},requiredText:{type:"string",name:"Påkrevd-tekst",default:"Må fylles ut",description:"Tekst som vises i påkrevd-merkingen"},optionalTag:{type:"boolean",name:"Vise valgfritt-merking",default:!1,description:"Viser en merking som indikerer at datovelgeren er valgfri"},optionalText:{type:"string",name:"Valgfritt-tekst",default:"Valgfritt",description:"Tekst som vises i valgfritt-merkingen"},id:{type:"string",name:"ID",description:"Unik identifikasjon for datovelgeren"}},Bm={change:{type:"Event",description:"Returnerer valgt dato som streng i ISO-format"},"value-change":{type:"CustomEvent",description:"Returnerer en <code>array</code> med valgte datoer i ISO-format"},toggleHelpText:{type:"CustomEvent",description:"Returnerer <code>event.detail { isOpen: true }</code> eller <code>event.detail { isOpen: false }</code> når hjelpeteksten åpnes eller lukkes"}},Jt={name:Am,"css-class":"pkt-datepicker",isElement:$m,props:Tm,events:Bm};var Nm=Object.defineProperty,jm=Object.getOwnPropertyDescriptor,Ge=(e,t,n,r)=>{for(var i=r>1?void 0:r?jm(t,n):t,o=e.length-1,u;o>=0;o--)(u=e[o])&&(i=(r?u(t,n,i):u(i))||i);return r&&i&&Nm(t,n,i),i};const Kl=e=>new Promise(t=>setTimeout(t,e));let Ie=class extends Ve{constructor(){super(...arguments),this.value="",this._value=this.value?Array.isArray(this.value)?this.value:this.value.split(","):[],this.label="Datovelger",this.helptext="",this.helptextDropdown="",this.helptextDropdownButton=Jt.props.helptextDropdownButton.default,this.dateformat=Jt.props.dateformat.default,this.multiple=Jt.props.multiple.default,this.maxlength=Jt.props.maxlength.default,this.range=Jt.props.range.default,this.weeknumbers=Jt.props.weeknumbers.default,this.withcontrols=Jt.props.withcontrols.default,this.fullwidth=!1,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=this.formatISODate(new Date),this.calendarOpen=!1,this.inputRef=_t(),this.inputRefTo=_t(),this.btnRef=_t(),this.calRef=_t(),this.popupRef=_t(),this.inputClasses={"pkt-input":!0,"pkt-datepicker__input":!0,"pkt-input--fullwidth":this.fullwidth},this.buttonClasses={"pkt-input-icon":!0,"pkt-btn":!0,"pkt-btn--icon-only":!0,"pkt-btn--tertiary":!0},this.fromISOToDate=e=>{if(!e)return null;const t=new Date(e);return t.setHours(12,0,0,0),isNaN(t.getTime())?null:t},this.fromISOtoLocal=e=>{const t=new Date(e);return isNaN(t.getTime())?"":Sm(t,this.dateformat)},this.massageDates=e=>{const t=e.map(n=>n??void 0);return this.multiple?t:this.range?t.slice(0,2):[t[0]]},this.addToSelected=e=>{const t=e.target,n=this.min?new Date(this.min):null,r=this.max?new Date(this.max):null,i=new Date(t.value.split(",")[0]);i.setHours(12,0,0,0),i&&!isNaN(i.getTime())&&(!n||i>=n)&&(!r||i<=r)&&this.calRef.value&&this.calRef.value.handleDateSelect(i),t.value=""}}async connectedCallback(){super.connectedCallback(),document&&document.body.addEventListener("click",e=>{var t,n;(t=this.inputRef)!=null&&t.value&&(n=this.btnRef)!=null&&n.value&&!this.inputRef.value.contains(e.target)&&!(this.inputRefTo.value&&this.inputRefTo.value.contains(e.target))&&!this.btnRef.value.contains(e.target)&&!e.target.closest(".pkt-calendar-popup")&&this.hideCalendar()}),this.value.length&&this._value.length===0&&(this._value=Array.isArray(this.value)?this.value:this.value.split(",")),this.min=this.min||Jt.props.min.default,this.max=this.max||Jt.props.max.default,typeof this.excludedates=="string"&&(this.excludedates=this.excludedates.split(",")),typeof this.excludeweekdays=="string"&&(this.excludeweekdays=this.excludeweekdays.split(",")),(this.multiple||this.range)&&this.name&&!this.name.endsWith("[]")&&(this.name=this.name+"[]"),this.calendarOpen&&(await Kl(20),this.handleCalendarPosition())}disconnectedCallback(){super.disconnectedCallback(),document&&document.body.removeEventListener("click",e=>{var t,n;(t=this.inputRef)!=null&&t.value&&(n=this.btnRef)!=null&&n.value&&!this.inputRef.value.contains(e.target)&&!this.btnRef.value.contains(e.target)&&this.hideCalendar()})}attributeChangedCallback(e,t,n){e==="value"&&this.valueChanged(this.value,t),e==="excludedates"&&typeof this.excludedates=="string"&&(this.excludedates=(n==null?void 0:n.split(","))??[]),e==="excludeweekdays"&&typeof this.excludeweekdays=="string"&&(this.excludeweekdays=(n==null?void 0:n.split(","))??[]),super.attributeChangedCallback(e,t,n)}firstUpdated(e){super.firstUpdated(e)}updated(e){if(super.updated(e),e.has("value")){if(this.range&&this._value.length===1)return;this.valueChanged(this.value,e.get("value"))}}formatISODate(e){return e.toISOString().split("T")[0]}renderInput(){return J`
       <input
         class="${Ye(this.inputClasses)}"
         type="date"
         id="${this.id}-input"
-        value=${this.value}
+        .value=${this._value[0]??""}
         min=${this.min}
         max=${this.max}
         @click=${e=>{e.preventDefault(),this.showCalendar()}}
         ?disabled=${this.disabled}
-        @blur=${e=>{this.manageValidity(e.target),this.value=e.target.value,this._value=this.massageDates(e.target.value.split(","))}}
+        @blur=${e=>{this.manageValidity(e.target),this.value=e.target.value}}
         @change=${e=>{e.stopImmediatePropagation()}}
         ${ot(this.inputRef)}
       />
@@ -365,12 +365,12 @@ React keys must be passed directly to JSX without using spread:
         class=${Ye(this.inputClasses)}
         type="date"
         id="${this.id}-input"
-        value=${this._value[0]??""}
+        .value=${this._value[0]??""}
         min=${this.min}
         max=${this.max}
         @click=${e=>{e.preventDefault(),this.showCalendar()}}
         ?disabled=${this.disabled}
-        @blur=${e=>{var t,n;if(e.target.value){this.manageValidity(e.target);const r=this.fromISOToDate(e.target.value);r&&this._value[0]!==e.target.value&&this._value[1]&&((n=(t=this.calRef)==null?void 0:t.value)==null||n.handleDateSelect(r))}}}
+        @blur=${e=>{var t,n;if(e.target.value){this.manageValidity(e.target);const r=this.fromISOToDate(e.target.value);r&&this._value[0]!==e.target.value&&this._value[1]&&((n=(t=this.calRef)==null?void 0:t.value)==null||n.handleDateSelect(r))}else this._value[0]&&this.clearInputValue()}}
         @change=${e=>{e.stopImmediatePropagation()}}
         ${ot(this.inputRef)}
       />
@@ -379,7 +379,7 @@ React keys must be passed directly to JSX without using spread:
         class=${Ye(this.inputClasses)}
         type="date"
         id="${this.id}-to"
-        value=${this._value[1]??""}
+        .value=${this._value[1]??""}
         min=${this.min}
         max=${this.max}
         @click=${e=>{e.preventDefault(),this.showCalendar()}}
@@ -431,7 +431,7 @@ React keys must be passed directly to JSX without using spread:
         .excludedates=${Array.isArray(this.excludedates)?this.excludedates:this.excludedates.split(",")}
         .excludeweekdays=${this.excludeweekdays}
         .currentmonth=${new Date(this.currentmonth)}
-        @date-selected=${e=>{this.value=!this.multiple&&!this.range?Array.isArray(e.detail)?e.detail[0]:e.detail.split(",")[0]:e.detail,this._value=e.detail,this.inputRef.value&&(this.range&&this.inputRefTo.value?(this.inputRef.value.value=this._value[0]??"",this.inputRefTo.value.value=this._value[1]??""):this.multiple||(this.inputRef.value.value=this._value.length?this._value[0]:""))}}
+        @date-selected=${e=>{this.value=!this.multiple&&!this.range?e.detail[0]:e.detail,this._value=e.detail,this.inputRef.value&&(this.range&&this.inputRefTo.value?(this.inputRef.value.value=this._value[0]??"",this.inputRefTo.value.value=this._value[1]??""):this.multiple||(this.inputRef.value.value=this._value.length?this._value[0]:""))}}
         @close=${this.hideCalendar}
         ${ot(this.calRef)}
       ></pkt-calendar>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-react",
-  "version": "12.3.8",
+  "version": "12.3.9",
   "description": "React komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -44,7 +44,7 @@
   "devDependencies": {
     "@oslokommune/punkt-assets": "^12.1.0",
     "@oslokommune/punkt-css": "^12.3.4",
-    "@oslokommune/punkt-elements": "^12.3.8",
+    "@oslokommune/punkt-elements": "^12.3.9",
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
@@ -102,5 +102,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "be4a7ca19fb67b079fe05d9901f891a10ebd02d4"
+  "gitHead": "794e48054ce7da8965056cca1d34a731d5edc318"
 }