@oslokommune/punkt-react 13.5.4 → 13.5.5

package/dist/punkt-react.es.js

@@ -28740,64 +28740,64 @@ let Iv = class extends cn {
   // Used for initilization
   connectedCallback() {
     super.connectedCallback();
-    const t = this.options.length > 0, a = this.optionsController.nodes.length && this.optionsController.nodes.length > 0;
-    !t && a ? this.optionsController.nodes.forEach((o) => {
-      const u = {
-        value: o.hasAttribute("value") ? o.getAttribute("value") ?? "" : o.textContent ?? "",
-        label: o.textContent || o.getAttribute("value") || "",
-        disabled: o.hasAttribute("disabled"),
-        selected: o.hasAttribute("selected"),
-        hidden: o.hasAttribute("data-hidden")
+    const e = this.options.length > 0, t = this.optionsController.nodes.length && this.optionsController.nodes.length > 0;
+    !e && t ? this.optionsController.nodes.forEach((a) => {
+      const o = {
+        value: a.hasAttribute("value") ? a.getAttribute("value") ?? "" : a.textContent ?? "",
+        label: a.textContent || a.getAttribute("value") || "",
+        disabled: a.hasAttribute("disabled"),
+        selected: a.hasAttribute("selected"),
+        hidden: a.hasAttribute("data-hidden")
       };
-      o.getAttribute("selected") && !this.value && (this.value = u.value), this._options.push(u);
-    }) : (this._options = this.options, this._options.forEach((o) => {
-      o.selected && !this.value && (this.value = o.value);
+      a.getAttribute("selected") && !this.value && (this.value = o.value), this._options.push(o);
+    }) : (this._options = this.options, this._options.forEach((a) => {
+      a.selected && !this.value && (this.value = a.value);
     }));
   }
   // Support native Select method `add`
-  add(t, a) {
-    var o, u, d;
-    (o = this.inputRef.value) == null || o.add(t, a), this._options.push({
-      value: t.value || t.text,
-      label: t.text || t.value,
-      selected: t.selected,
-      disabled: t.disabled
-    }), t.selected && (this.value = t.value || t.text, this.selectedIndex = this.returnNumberOrNull((u = this.inputRef.value) == null ? void 0 : u.selectedIndex), this.selectedOptions = (d = this.inputRef.value) == null ? void 0 : d.selectedOptions), this.requestUpdate();
+  add(e, t) {
+    var a, o, u;
+    (a = this.inputRef.value) == null || a.add(e, t), this._options.push({
+      value: e.value || e.text,
+      label: e.text || e.value,
+      selected: e.selected,
+      disabled: e.disabled
+    }), e.selected && (this.value = e.value || e.text, this.selectedIndex = this.returnNumberOrNull((o = this.inputRef.value) == null ? void 0 : o.selectedIndex), this.selectedOptions = (u = this.inputRef.value) == null ? void 0 : u.selectedOptions), this.requestUpdate();
   }
   // Support native Select method `remove`
-  remove(t) {
-    var a, o;
-    typeof t == "number" && (this.selectedIndex === t && (this.value = ((a = this._options[0]) == null ? void 0 : a.value) || ""), (o = this.inputRef.value) == null || o.remove(t));
+  remove(e) {
+    var t, a;
+    typeof e == "number" && (this.selectedIndex === e && (this.value = ((t = this._options[0]) == null ? void 0 : t.value) || ""), (a = this.inputRef.value) == null || a.remove(e));
   }
   // Support native Select method `item`
-  item(t) {
-    var a;
-    return (a = this.inputRef.value) == null ? void 0 : a.item(t);
+  item(e) {
+    var t;
+    return (t = this.inputRef.value) == null ? void 0 : t.item(e);
   }
   // Support native Select method `namedItem`
-  namedItem(t) {
-    var a;
-    return (a = this.inputRef.value) == null ? void 0 : a.namedItem(t);
+  namedItem(e) {
+    var t;
+    return (t = this.inputRef.value) == null ? void 0 : t.namedItem(e);
   }
   // Support native Select method `showPicker`
   showPicker() {
-    var t;
-    (t = this.inputRef.value) == null || t.showPicker();
+    var e;
+    (e = this.inputRef.value) == null || e.showPicker();
   }
-  attributeChangedCallback(t, a, o) {
-    var u, d;
-    t === "options" && (this._options = o ? JSON.parse(o) : []), t === "value" && this.value !== a && (this.selectedIndex = this.touched ? this.returnNumberOrNull((u = this.inputRef.value) == null ? void 0 : u.selectedIndex) : this.options.findIndex((f) => f.value === o), this.selectedOptions = (d = this.inputRef.value) == null ? void 0 : d.selectedOptions, this.valueChanged(o, a)), super.attributeChangedCallback(t, a, o);
+  attributeChangedCallback(e, t, a) {
+    var o, u;
+    e === "options" && (this._options = a ? JSON.parse(a) : []), e === "value" && this.value !== t && (this.selectedIndex = this.touched ? this.returnNumberOrNull((o = this.inputRef.value) == null ? void 0 : o.selectedIndex) : this.options.findIndex((d) => d.value === a), this.selectedOptions = (u = this.inputRef.value) == null ? void 0 : u.selectedOptions, this.valueChanged(a, t)), super.attributeChangedCallback(e, t, a);
   }
-  update(t) {
-    var a, o;
-    super.update(t), t.has("value") && this.value !== t.get("value") && (this.selectedIndex = this.touched ? this.returnNumberOrNull((a = this.inputRef.value) == null ? void 0 : a.selectedIndex) : this.options.findIndex((u) => u.value === this.value), this.selectedOptions = (o = this.inputRef.value) == null ? void 0 : o.selectedOptions, this.valueChanged(this.value, t.get("value"))), t.has("id") && !this.name && this.id && (this.name = this.id);
+  update(e) {
+    var t, a;
+    super.update(e), e.has("options") && (this._options = this.options, this.requestUpdate("_options"), !this.value && this._options.length > 0 && (this.value = this._options[0].value, this.selectedIndex = 0)), e.has("value") && this.value !== e.get("value") && (this.selectedIndex = this.touched ? this.returnNumberOrNull((t = this.inputRef.value) == null ? void 0 : t.selectedIndex) : this.options.findIndex((o) => o.value === this.value), this.selectedOptions = (a = this.inputRef.value) == null ? void 0 : a.selectedOptions, this.valueChanged(this.value, e.get("value"))), e.has("id") && !this.name && this.id && (this.name = this.id);
   }
-  firstUpdated(t) {
-    var a;
-    super.firstUpdated(t), this.options.length && (this._options = this.options), !this.value && this._options.length > 0 ? (this.value = this._options[0].value, this.selectedIndex = 0) : this.selectedIndex = this._options.findIndex((o) => o.value === this.value), this.selectedOptions = (a = this.inputRef.value) == null ? void 0 : a.selectedOptions;
+  firstUpdated(e) {
+    var t;
+    super.firstUpdated(e), this.options.length && (this._options = this.options), !this.value && this._options.length > 0 ? (this.value = this._options[0].value, this.selectedIndex = 0) : this.selectedIndex = this._options.findIndex((a) => a.value === this.value), this.selectedOptions = (t = this.inputRef.value) == null ? void 0 : t.selectedOptions;
   }
   render() {
-    const t = `pkt-input ${this.fullwidth ? "pkt-input--fullwidth" : ""}`;
+    const e = `pkt-input ${this.fullwidth ? "pkt-input--fullwidth" : ""}`;
     return ke`
       <pkt-input-wrapper
         ?counter=${this.counter}
@@ -28821,7 +28821,7 @@ let Iv = class extends cn {
         tagText=${$t(this.tagText)}
       >
         <select
-          class=${t}
+          class=${e}
           aria-invalid=${this.hasError}
           aria-errormessage=${`${this.id}-error`}
           aria-labelledby=${$t(this.ariaLabelledby)}
@@ -28829,37 +28829,37 @@ let Iv = class extends cn {
           id=${this.id + "-input"}
           name=${(this.name || this.id) + "-input"}
           value=${this.value}
-          @change=${(a) => {
-      this.touched = !0, this.value = a.target.value, a.stopImmediatePropagation();
+          @change=${(t) => {
+      this.touched = !0, this.value = t.target.value, t.stopImmediatePropagation();
     }}
-          @input=${(a) => {
-      this.onInput(), a.stopImmediatePropagation();
+          @input=${(t) => {
+      this.onInput(), t.stopImmediatePropagation();
     }}
-          @focus=${(a) => {
-      this.onFocus(), a.stopImmediatePropagation();
+          @focus=${(t) => {
+      this.onFocus(), t.stopImmediatePropagation();
     }}
-          @blur=${(a) => {
-      this.onBlur(), a.stopImmediatePropagation();
+          @blur=${(t) => {
+      this.onBlur(), t.stopImmediatePropagation();
     }}
           ${dn(this.inputRef)}
         >
-          ${this._options.length > 0 && this._options.map(
-      (a) => ke`<option
-                value=${a.value}
-                ?selected=${this.value == a.value || a.selected}
-                ?disabled=${a.disabled}
-                ?hidden=${a.hidden}
-              >
-                ${a.label}
-              </option>`
-    )}
+          ${this._options.length > 0 ? this._options.map(
+      (t) => ke`<option
+                    value=${t.value}
+                    ?selected=${this.value == t.value || t.selected}
+                    ?disabled=${t.disabled}
+                    ?hidden=${t.hidden}
+                  >
+                    ${t.label}
+                  </option>`
+    ) : ""}
         </select>
         <div class="pkt-contents" ${dn(this.helptextSlot)} name="helptext" slot="helptext"></div>
       </pkt-input-wrapper>
     `;
   }
-  returnNumberOrNull(t) {
-    return t == null || isNaN(t) ? null : t;
+  returnNumberOrNull(e) {
+    return e == null || isNaN(e) ? null : e;
   }
 };
 GS([

package/dist/punkt-react.umd.js

@@ -1395,7 +1395,7 @@ You might need to use a local HTTP server (instead of file://): https://reactjs.
           ${!this.suffix&&t?Se`<pkt-icon class="pkt-input-icon" name="magnifying-glass-big"></pkt-icon>`:Ke}
         </div>
       </pkt-input-wrapper>
-    `}};Eu([G({type:String,reflect:!0})],Sl.prototype,"value",2),Eu([G({type:String})],Sl.prototype,"type",2),Eu([G({type:Number})],Sl.prototype,"size",2),Eu([G({type:String})],Sl.prototype,"autocomplete",2),Eu([G({type:String})],Sl.prototype,"iconNameRight",2),Eu([G({type:String})],Sl.prototype,"prefix",2),Eu([G({type:String})],Sl.prototype,"suffix",2),Eu([G({type:Boolean})],Sl.prototype,"omitSearchIcon",2),Eu([Fn()],Sl.prototype,"counterCurrent",2),Sl=Eu([hr("pkt-textinput")],Sl);var r4=Object.defineProperty,a4=Object.getOwnPropertyDescriptor,Sy=(e,t,a,o)=>{for(var u=o>1?void 0:o?a4(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&&r4(t,a,u),u};let Zm=class extends cn{constructor(){super(),this.inputRef=gn(),this.helptextSlot=gn(),this.options=[],this.value="",this._options=[],this.selectedIndex=-1,this.selectedOptions=void 0,this.optionsController=new II(this),this.slotController=new qa(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){super.connectedCallback();const t=this.options.length>0,a=this.optionsController.nodes.length&&this.optionsController.nodes.length>0;!t&&a?this.optionsController.nodes.forEach(o=>{const u={value:o.hasAttribute("value")?o.getAttribute("value")??"":o.textContent??"",label:o.textContent||o.getAttribute("value")||"",disabled:o.hasAttribute("disabled"),selected:o.hasAttribute("selected"),hidden:o.hasAttribute("data-hidden")};o.getAttribute("selected")&&!this.value&&(this.value=u.value),this._options.push(u)}):(this._options=this.options,this._options.forEach(o=>{o.selected&&!this.value&&(this.value=o.value)}))}add(t,a){var o,u,d;(o=this.inputRef.value)==null||o.add(t,a),this._options.push({value:t.value||t.text,label:t.text||t.value,selected:t.selected,disabled:t.disabled}),t.selected&&(this.value=t.value||t.text,this.selectedIndex=this.returnNumberOrNull((u=this.inputRef.value)==null?void 0:u.selectedIndex),this.selectedOptions=(d=this.inputRef.value)==null?void 0:d.selectedOptions),this.requestUpdate()}remove(t){var a,o;typeof t=="number"&&(this.selectedIndex===t&&(this.value=((a=this._options[0])==null?void 0:a.value)||""),(o=this.inputRef.value)==null||o.remove(t))}item(t){var a;return(a=this.inputRef.value)==null?void 0:a.item(t)}namedItem(t){var a;return(a=this.inputRef.value)==null?void 0:a.namedItem(t)}showPicker(){var t;(t=this.inputRef.value)==null||t.showPicker()}attributeChangedCallback(t,a,o){var u,d;t==="options"&&(this._options=o?JSON.parse(o):[]),t==="value"&&this.value!==a&&(this.selectedIndex=this.touched?this.returnNumberOrNull((u=this.inputRef.value)==null?void 0:u.selectedIndex):this.options.findIndex(f=>f.value===o),this.selectedOptions=(d=this.inputRef.value)==null?void 0:d.selectedOptions,this.valueChanged(o,a)),super.attributeChangedCallback(t,a,o)}update(t){var a,o;super.update(t),t.has("value")&&this.value!==t.get("value")&&(this.selectedIndex=this.touched?this.returnNumberOrNull((a=this.inputRef.value)==null?void 0:a.selectedIndex):this.options.findIndex(u=>u.value===this.value),this.selectedOptions=(o=this.inputRef.value)==null?void 0:o.selectedOptions,this.valueChanged(this.value,t.get("value"))),t.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(t){var a;super.firstUpdated(t),this.options.length&&(this._options=this.options),!this.value&&this._options.length>0?(this.value=this._options[0].value,this.selectedIndex=0):this.selectedIndex=this._options.findIndex(o=>o.value===this.value),this.selectedOptions=(a=this.inputRef.value)==null?void 0:a.selectedOptions}render(){const t=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return Se`
+    `}};Eu([G({type:String,reflect:!0})],Sl.prototype,"value",2),Eu([G({type:String})],Sl.prototype,"type",2),Eu([G({type:Number})],Sl.prototype,"size",2),Eu([G({type:String})],Sl.prototype,"autocomplete",2),Eu([G({type:String})],Sl.prototype,"iconNameRight",2),Eu([G({type:String})],Sl.prototype,"prefix",2),Eu([G({type:String})],Sl.prototype,"suffix",2),Eu([G({type:Boolean})],Sl.prototype,"omitSearchIcon",2),Eu([Fn()],Sl.prototype,"counterCurrent",2),Sl=Eu([hr("pkt-textinput")],Sl);var r4=Object.defineProperty,a4=Object.getOwnPropertyDescriptor,Sy=(e,t,a,o)=>{for(var u=o>1?void 0:o?a4(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&&r4(t,a,u),u};let Zm=class extends cn{constructor(){super(),this.inputRef=gn(),this.helptextSlot=gn(),this.options=[],this.value="",this._options=[],this.selectedIndex=-1,this.selectedOptions=void 0,this.optionsController=new II(this),this.slotController=new qa(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){super.connectedCallback();const e=this.options.length>0,t=this.optionsController.nodes.length&&this.optionsController.nodes.length>0;!e&&t?this.optionsController.nodes.forEach(a=>{const o={value:a.hasAttribute("value")?a.getAttribute("value")??"":a.textContent??"",label:a.textContent||a.getAttribute("value")||"",disabled:a.hasAttribute("disabled"),selected:a.hasAttribute("selected"),hidden:a.hasAttribute("data-hidden")};a.getAttribute("selected")&&!this.value&&(this.value=o.value),this._options.push(o)}):(this._options=this.options,this._options.forEach(a=>{a.selected&&!this.value&&(this.value=a.value)}))}add(e,t){var a,o,u;(a=this.inputRef.value)==null||a.add(e,t),this._options.push({value:e.value||e.text,label:e.text||e.value,selected:e.selected,disabled:e.disabled}),e.selected&&(this.value=e.value||e.text,this.selectedIndex=this.returnNumberOrNull((o=this.inputRef.value)==null?void 0:o.selectedIndex),this.selectedOptions=(u=this.inputRef.value)==null?void 0:u.selectedOptions),this.requestUpdate()}remove(e){var t,a;typeof e=="number"&&(this.selectedIndex===e&&(this.value=((t=this._options[0])==null?void 0:t.value)||""),(a=this.inputRef.value)==null||a.remove(e))}item(e){var t;return(t=this.inputRef.value)==null?void 0:t.item(e)}namedItem(e){var t;return(t=this.inputRef.value)==null?void 0:t.namedItem(e)}showPicker(){var e;(e=this.inputRef.value)==null||e.showPicker()}attributeChangedCallback(e,t,a){var o,u;e==="options"&&(this._options=a?JSON.parse(a):[]),e==="value"&&this.value!==t&&(this.selectedIndex=this.touched?this.returnNumberOrNull((o=this.inputRef.value)==null?void 0:o.selectedIndex):this.options.findIndex(d=>d.value===a),this.selectedOptions=(u=this.inputRef.value)==null?void 0:u.selectedOptions,this.valueChanged(a,t)),super.attributeChangedCallback(e,t,a)}update(e){var t,a;super.update(e),e.has("options")&&(this._options=this.options,this.requestUpdate("_options"),!this.value&&this._options.length>0&&(this.value=this._options[0].value,this.selectedIndex=0)),e.has("value")&&this.value!==e.get("value")&&(this.selectedIndex=this.touched?this.returnNumberOrNull((t=this.inputRef.value)==null?void 0:t.selectedIndex):this.options.findIndex(o=>o.value===this.value),this.selectedOptions=(a=this.inputRef.value)==null?void 0:a.selectedOptions,this.valueChanged(this.value,e.get("value"))),e.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(e){var t;super.firstUpdated(e),this.options.length&&(this._options=this.options),!this.value&&this._options.length>0?(this.value=this._options[0].value,this.selectedIndex=0):this.selectedIndex=this._options.findIndex(a=>a.value===this.value),this.selectedOptions=(t=this.inputRef.value)==null?void 0:t.selectedOptions}render(){const e=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return Se`
       <pkt-input-wrapper
         ?counter=${this.counter}
         ?disabled=${this.disabled}
@@ -1418,7 +1418,7 @@ You might need to use a local HTTP server (instead of file://): https://reactjs.
         tagText=${$t(this.tagText)}
       >
         <select
-          class=${t}
+          class=${e}
           aria-invalid=${this.hasError}
           aria-errormessage=${`${this.id}-error`}
           aria-labelledby=${$t(this.ariaLabelledby)}
@@ -1426,24 +1426,24 @@ You might need to use a local HTTP server (instead of file://): https://reactjs.
           id=${this.id+"-input"}
           name=${(this.name||this.id)+"-input"}
           value=${this.value}
-          @change=${a=>{this.touched=!0,this.value=a.target.value,a.stopImmediatePropagation()}}
-          @input=${a=>{this.onInput(),a.stopImmediatePropagation()}}
-          @focus=${a=>{this.onFocus(),a.stopImmediatePropagation()}}
-          @blur=${a=>{this.onBlur(),a.stopImmediatePropagation()}}
+          @change=${t=>{this.touched=!0,this.value=t.target.value,t.stopImmediatePropagation()}}
+          @input=${t=>{this.onInput(),t.stopImmediatePropagation()}}
+          @focus=${t=>{this.onFocus(),t.stopImmediatePropagation()}}
+          @blur=${t=>{this.onBlur(),t.stopImmediatePropagation()}}
           ${fn(this.inputRef)}
         >
-          ${this._options.length>0&&this._options.map(a=>Se`<option
-                value=${a.value}
-                ?selected=${this.value==a.value||a.selected}
-                ?disabled=${a.disabled}
-                ?hidden=${a.hidden}
-              >
-                ${a.label}
-              </option>`)}
+          ${this._options.length>0?this._options.map(t=>Se`<option
+                    value=${t.value}
+                    ?selected=${this.value==t.value||t.selected}
+                    ?disabled=${t.disabled}
+                    ?hidden=${t.hidden}
+                  >
+                    ${t.label}
+                  </option>`):""}
         </select>
         <div class="pkt-contents" ${fn(this.helptextSlot)} name="helptext" slot="helptext"></div>
       </pkt-input-wrapper>
-    `}returnNumberOrNull(t){return t==null||isNaN(t)?null:t}};Sy([G({type:Array})],Zm.prototype,"options",2),Sy([G({type:String})],Zm.prototype,"value",2),Sy([Fn()],Zm.prototype,"_options",2),Zm=Sy([hr("pkt-select")],Zm);var i4=Object.defineProperty,o4=Object.getOwnPropertyDescriptor,Jm=(e,t,a,o)=>{for(var u=o>1?void 0:o?o4(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&&i4(t,a,u),u};let Uh=class extends pa{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=gn(),this.namedSlot=gn(),this.slotController=new qa(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 Se`
+    `}returnNumberOrNull(e){return e==null||isNaN(e)?null:e}};Sy([G({type:Array})],Zm.prototype,"options",2),Sy([G({type:String})],Zm.prototype,"value",2),Sy([Fn()],Zm.prototype,"_options",2),Zm=Sy([hr("pkt-select")],Zm);var i4=Object.defineProperty,o4=Object.getOwnPropertyDescriptor,Jm=(e,t,a,o)=>{for(var u=o>1?void 0:o?o4(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&&i4(t,a,u),u};let Uh=class extends pa{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=gn(),this.namedSlot=gn(),this.slotController=new qa(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 Se`
       <div class="${Jt(e)}">
         <h1 class="pkt-txt-28">${this.string}</h1>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-react",
-  "version": "13.5.4",
+  "version": "13.5.5",
   "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.4",
+    "@oslokommune/punkt-elements": "^13.5.5",
     "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": "aed226fa38fe77f28a9bc5d0380b194f0f90a64a"
+  "gitHead": "f65d3c81c0543cc360a34fe346b4e0585deb46ac"
 }