@oslokommune/punkt-react 13.5.7 → 13.5.10

package/dist/punkt-react.es.js

@@ -27393,19 +27393,11 @@ let ta = class extends cn {
     this.dispatchEvent(new Event("input", { bubbles: !0 }));
   }
   valueChanged(e, t) {
-    if (e !== t) {
-      let a = [];
-      if (e && (typeof e == "string" ? a = e.split(",").filter(Boolean) : a = String(e).split(",").filter(Boolean)), this.min || this.max) {
-        const u = this.min ? new Date(this.min) : null, d = this.max ? new Date(this.max) : null;
-        a = a.filter((f) => {
-          const y = new Date(f);
-          return !(isNaN(y.getTime()) || u && y < u || d && y > d);
-        });
-      }
-      this._value = a;
-      const o = a.join(",");
-      this._valueProperty !== o && (this._valueProperty = o), super.valueChanged(o, t);
-    }
+    if (e === t) return;
+    let a = [];
+    e && (typeof e == "string" ? a = e.split(",").filter(Boolean) : a = String(e).split(",").filter(Boolean)), this._value = a;
+    const o = a.join(",");
+    this._valueProperty !== o && (this._valueProperty = o), super.valueChanged(o, t);
   }
   attributeChangedCallback(e, t, a) {
     e === "value" && this.value !== t && this.valueChanged(a, t), e === "excludedates" && typeof this.excludedates == "string" && (this.excludedates = (a == null ? void 0 : a.split(",")) ?? []), e === "excludeweekdays" && typeof this.excludeweekdays == "string" && (this.excludeweekdays = (a == null ? void 0 : a.split(",")) ?? []), super.attributeChangedCallback(e, t, a);

package/dist/punkt-react.umd.js

@@ -983,7 +983,7 @@ You might need to use a local HTTP server (instead of file://): https://reactjs.
           ${this.labelPosition==="right"?f():Ke}
         </div>
       </div>
-    `}handleClick(t){if(this.disabled)return t.preventDefault(),t.stopImmediatePropagation(),!1}handleChange(t){if(this.disabled)return t.preventDefault(),t.stopImmediatePropagation(),!1;this.toggleChecked(t)}toggleChecked(t){if(this.disabled){t.preventDefault(),t.stopImmediatePropagation();return}const a=t.target;if(a&&a.disabled){t.preventDefault(),t.stopImmediatePropagation();return}t.stopImmediatePropagation(),this.touched=!0,this.inputRef.value&&(this.checked=this.inputRef.value.matches(":checked"),this.valueChecked(this.checked))}};Xi([G({type:String,reflect:!0})],_i.prototype,"value",2),Xi([G({type:String})],_i.prototype,"checkHelptext",2),Xi([G({type:Boolean})],_i.prototype,"defaultChecked",2),Xi([G({type:Boolean})],_i.prototype,"hasTile",2),Xi([G({type:Boolean})],_i.prototype,"isSwitch",2),Xi([G({type:String})],_i.prototype,"labelPosition",2),Xi([G({type:Boolean})],_i.prototype,"hideLabel",2),Xi([G({type:Boolean,reflect:!0})],_i.prototype,"checked",2),Xi([G({type:String,reflect:!0})],_i.prototype,"type",2),Xi([G({type:String})],_i.prototype,"tagText",2),Xi([G({type:Boolean})],_i.prototype,"optionalTag",2),Xi([G({type:String})],_i.prototype,"optionalText",2),Xi([G({type:Boolean})],_i.prototype,"requiredTag",2),Xi([G({type:String})],_i.prototype,"requiredText",2),_i=Xi([hr("pkt-checkbox")],_i);const RH={dateformat:{default:"dd.MM.yyyy"},min:{default:null},max:{default:null},weeknumbers:{default:!1},withcontrols:{default:!1},multiple:{default:!1},range:{default:!1}},Yp={props:RH};var NH=Object.defineProperty,IH=Object.getOwnPropertyDescriptor,fa=(e,t,a,o)=>{for(var u=o>1?void 0:o?IH(t,a):t,d=e.length-1,f;d>=0;d--)(f=e[d])&&(u=(o?f(t,a,u):f(u))||u);return o&&u&&NH(t,a,u),u};const OI=e=>new Promise(t=>setTimeout(t,e));let Xr=class extends cn{constructor(){super(),this._valueProperty="",this._value=[],this.label="Datovelger",this.dateformat=Yp.props.dateformat.default,this.multiple=Yp.props.multiple.default,this.maxlength=null,this.range=Yp.props.range.default,this.showRangeLabels=!1,this.min=null,this.max=null,this.weeknumbers=Yp.props.weeknumbers.default,this.withcontrols=Yp.props.withcontrols.default,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=null,this.calendarOpen=!1,this.timezone="Europe/Oslo",this.inputClasses={},this.buttonClasses={},this.inputRef=gn(),this.inputRefTo=gn(),this.btnRef=gn(),this.calRef=gn(),this.popupRef=gn(),this.helptextSlot=gn(),this.addToSelected=t=>{const a=t.target;if(!a.value)return;const o=this.min?Os(this.min):null,u=this.max?Os(this.max):null,d=Os(a.value.split(",")[0]);d&&!isNaN(d.getTime())&&(!o||d>=o)&&(!u||d<=u)&&this.calRef.value&&this.calRef.value.handleDateSelect(d),a.value=""},this.slotController=new qa(this,this.helptextSlot)}get value(){return this._valueProperty}set value(t){const a=this._valueProperty;this._valueProperty=Array.isArray(t)?t.join(","):t||"",this.valueChanged(this._valueProperty,a),this.requestUpdate("value",a)}async connectedCallback(){super.connectedCallback();const t=navigator.userAgent,a=/iP(hone|od|ad)/.test(t);this.inputType=a?"text":"date",document&&document.body.addEventListener("click",o=>{var u,d;(u=this.inputRef)!=null&&u.value&&(d=this.btnRef)!=null&&d.value&&!this.inputRef.value.contains(o.target)&&!(this.inputRefTo.value&&this.inputRefTo.value.contains(o.target))&&!this.btnRef.value.contains(o.target)&&!o.target.closest(".pkt-calendar-popup")&&this.calendarOpen&&(this.onBlur(),this.hideCalendar())}),document&&document.body.addEventListener("keydown",o=>{o.key==="Escape"&&this.calendarOpen&&this.hideCalendar()}),this.value&&(this._value=Array.isArray(this.value)?this.value.filter(Boolean):this.value.split(",").filter(Boolean)),this.min=this.min||Yp.props.min.default,this.max=this.max||Yp.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 OI(20),this.handleCalendarPosition())}disconnectedCallback(){super.disconnectedCallback(),document&&document.body.removeEventListener("click",t=>{var a,o;(a=this.inputRef)!=null&&a.value&&(o=this.btnRef)!=null&&o.value&&!this.inputRef.value.contains(t.target)&&!this.btnRef.value.contains(t.target)&&this.hideCalendar()})}onInput(){this.dispatchEvent(new Event("input",{bubbles:!0}))}valueChanged(t,a){if(t!==a){let o=[];if(t&&(typeof t=="string"?o=t.split(",").filter(Boolean):o=String(t).split(",").filter(Boolean)),this.min||this.max){const d=this.min?new Date(this.min):null,f=this.max?new Date(this.max):null;o=o.filter(y=>{const E=new Date(y);return!(isNaN(E.getTime())||d&&E<d||f&&E>f)})}this._value=o;const u=o.join(",");this._valueProperty!==u&&(this._valueProperty=u),super.valueChanged(u,a)}}attributeChangedCallback(t,a,o){t==="value"&&this.value!==a&&this.valueChanged(o,a),t==="excludedates"&&typeof this.excludedates=="string"&&(this.excludedates=(o==null?void 0:o.split(","))??[]),t==="excludeweekdays"&&typeof this.excludeweekdays=="string"&&(this.excludeweekdays=(o==null?void 0:o.split(","))??[]),super.attributeChangedCallback(t,a,o)}updated(t){if(t.has("value")){const a=Array.isArray(this.value)?this.value.join(","):this.value,o=t.get("value"),u=Array.isArray(o)?o.join(","):o;this.valueChanged(a,u)}t.has("multiple")&&(this.multiple&&!Array.isArray(this._value)?this._value=typeof this.value=="string"?this.value?this.value.split(",").filter(Boolean):[]:[]:!this.multiple&&Array.isArray(this._value)&&(this._value=this._value.filter(Boolean)),!this.multiple&&!this.range&&Array.isArray(this._value)&&(this._value=[this._value[0]??""])),super.updated(t)}renderInput(){return Se`
+    `}handleClick(t){if(this.disabled)return t.preventDefault(),t.stopImmediatePropagation(),!1}handleChange(t){if(this.disabled)return t.preventDefault(),t.stopImmediatePropagation(),!1;this.toggleChecked(t)}toggleChecked(t){if(this.disabled){t.preventDefault(),t.stopImmediatePropagation();return}const a=t.target;if(a&&a.disabled){t.preventDefault(),t.stopImmediatePropagation();return}t.stopImmediatePropagation(),this.touched=!0,this.inputRef.value&&(this.checked=this.inputRef.value.matches(":checked"),this.valueChecked(this.checked))}};Xi([G({type:String,reflect:!0})],_i.prototype,"value",2),Xi([G({type:String})],_i.prototype,"checkHelptext",2),Xi([G({type:Boolean})],_i.prototype,"defaultChecked",2),Xi([G({type:Boolean})],_i.prototype,"hasTile",2),Xi([G({type:Boolean})],_i.prototype,"isSwitch",2),Xi([G({type:String})],_i.prototype,"labelPosition",2),Xi([G({type:Boolean})],_i.prototype,"hideLabel",2),Xi([G({type:Boolean,reflect:!0})],_i.prototype,"checked",2),Xi([G({type:String,reflect:!0})],_i.prototype,"type",2),Xi([G({type:String})],_i.prototype,"tagText",2),Xi([G({type:Boolean})],_i.prototype,"optionalTag",2),Xi([G({type:String})],_i.prototype,"optionalText",2),Xi([G({type:Boolean})],_i.prototype,"requiredTag",2),Xi([G({type:String})],_i.prototype,"requiredText",2),_i=Xi([hr("pkt-checkbox")],_i);const RH={dateformat:{default:"dd.MM.yyyy"},min:{default:null},max:{default:null},weeknumbers:{default:!1},withcontrols:{default:!1},multiple:{default:!1},range:{default:!1}},Yp={props:RH};var NH=Object.defineProperty,IH=Object.getOwnPropertyDescriptor,fa=(e,t,a,o)=>{for(var u=o>1?void 0:o?IH(t,a):t,d=e.length-1,f;d>=0;d--)(f=e[d])&&(u=(o?f(t,a,u):f(u))||u);return o&&u&&NH(t,a,u),u};const OI=e=>new Promise(t=>setTimeout(t,e));let Xr=class extends cn{constructor(){super(),this._valueProperty="",this._value=[],this.label="Datovelger",this.dateformat=Yp.props.dateformat.default,this.multiple=Yp.props.multiple.default,this.maxlength=null,this.range=Yp.props.range.default,this.showRangeLabels=!1,this.min=null,this.max=null,this.weeknumbers=Yp.props.weeknumbers.default,this.withcontrols=Yp.props.withcontrols.default,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=null,this.calendarOpen=!1,this.timezone="Europe/Oslo",this.inputClasses={},this.buttonClasses={},this.inputRef=gn(),this.inputRefTo=gn(),this.btnRef=gn(),this.calRef=gn(),this.popupRef=gn(),this.helptextSlot=gn(),this.addToSelected=t=>{const a=t.target;if(!a.value)return;const o=this.min?Os(this.min):null,u=this.max?Os(this.max):null,d=Os(a.value.split(",")[0]);d&&!isNaN(d.getTime())&&(!o||d>=o)&&(!u||d<=u)&&this.calRef.value&&this.calRef.value.handleDateSelect(d),a.value=""},this.slotController=new qa(this,this.helptextSlot)}get value(){return this._valueProperty}set value(t){const a=this._valueProperty;this._valueProperty=Array.isArray(t)?t.join(","):t||"",this.valueChanged(this._valueProperty,a),this.requestUpdate("value",a)}async connectedCallback(){super.connectedCallback();const t=navigator.userAgent,a=/iP(hone|od|ad)/.test(t);this.inputType=a?"text":"date",document&&document.body.addEventListener("click",o=>{var u,d;(u=this.inputRef)!=null&&u.value&&(d=this.btnRef)!=null&&d.value&&!this.inputRef.value.contains(o.target)&&!(this.inputRefTo.value&&this.inputRefTo.value.contains(o.target))&&!this.btnRef.value.contains(o.target)&&!o.target.closest(".pkt-calendar-popup")&&this.calendarOpen&&(this.onBlur(),this.hideCalendar())}),document&&document.body.addEventListener("keydown",o=>{o.key==="Escape"&&this.calendarOpen&&this.hideCalendar()}),this.value&&(this._value=Array.isArray(this.value)?this.value.filter(Boolean):this.value.split(",").filter(Boolean)),this.min=this.min||Yp.props.min.default,this.max=this.max||Yp.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 OI(20),this.handleCalendarPosition())}disconnectedCallback(){super.disconnectedCallback(),document&&document.body.removeEventListener("click",t=>{var a,o;(a=this.inputRef)!=null&&a.value&&(o=this.btnRef)!=null&&o.value&&!this.inputRef.value.contains(t.target)&&!this.btnRef.value.contains(t.target)&&this.hideCalendar()})}onInput(){this.dispatchEvent(new Event("input",{bubbles:!0}))}valueChanged(t,a){if(t===a)return;let o=[];t&&(typeof t=="string"?o=t.split(",").filter(Boolean):o=String(t).split(",").filter(Boolean)),this._value=o;const u=o.join(",");this._valueProperty!==u&&(this._valueProperty=u),super.valueChanged(u,a)}attributeChangedCallback(t,a,o){t==="value"&&this.value!==a&&this.valueChanged(o,a),t==="excludedates"&&typeof this.excludedates=="string"&&(this.excludedates=(o==null?void 0:o.split(","))??[]),t==="excludeweekdays"&&typeof this.excludeweekdays=="string"&&(this.excludeweekdays=(o==null?void 0:o.split(","))??[]),super.attributeChangedCallback(t,a,o)}updated(t){if(t.has("value")){const a=Array.isArray(this.value)?this.value.join(","):this.value,o=t.get("value"),u=Array.isArray(o)?o.join(","):o;this.valueChanged(a,u)}t.has("multiple")&&(this.multiple&&!Array.isArray(this._value)?this._value=typeof this.value=="string"?this.value?this.value.split(",").filter(Boolean):[]:[]:!this.multiple&&Array.isArray(this._value)&&(this._value=this._value.filter(Boolean)),!this.multiple&&!this.range&&Array.isArray(this._value)&&(this._value=[this._value[0]??""])),super.updated(t)}renderInput(){return Se`
       <input
         class="${Jt(this.inputClasses)}"
         .type=${this.inputType}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-react",
-  "version": "13.5.7",
+  "version": "13.5.10",
   "description": "React komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -38,7 +38,7 @@
   "dependencies": {
     "@lit-labs/ssr-dom-shim": "^1.2.1",
     "@lit/react": "^1.0.7",
-    "@oslokommune/punkt-elements": "^13.5.6",
+    "@oslokommune/punkt-elements": "^13.5.10",
     "prettier": "^3.3.3",
     "react-element-to-jsx-string": "^15.0.0",
     "react-hook-form": "^7.53.0",
@@ -110,5 +110,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "686579a48ee73ad860503679a4752a98cf2f2689"
+  "gitHead": "620a533438712c433484060ce628f538354c2c55"
 }