@oslokommune/punkt-elements 12.34.2 → 12.34.4

package/dist/progressbar.d.ts

@@ -1,47 +1 @@
 export { }
-
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
-    }
-}
-
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
-    }
-}
-
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-listbox': PktListbox;
-    }
-}
-
-
-/**
- * Pkt Select is a wrapper for the native select element using the pkt-input-wrapper component.
- *
- * The component will prioritize options passed as a prop over options passed as children if both are provided.
- * This is to allow for dynamic options that might change in the case of both children/slot and props are provided.
- *
- * @slot (default) - Options to be rendered as children
- * @prop {TSelectOption[]} options - Options to be rendered as children
- *
- *
- */
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-select': PktSelect & HTMLSelectElement;
-    }
-}
-
-
-declare global {
-    interface Window {
-        pktTz: string;
-    }
-}

package/dist/{radiobutton-CJYNTtFF.cjs → radiobutton-CIW0FvT8.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-BYpg5e6C.cjs"),a=require("./state-y7tCw3bg.cjs"),p=require("./input-element-BYE0qiMh.cjs"),d=require("./ref-BbKbXwub.cjs"),o=require("./class-map-BjTUtIEl.cjs");var k=Object.defineProperty,r=Object.getOwnPropertyDescriptor,i=(u,e,c,s)=>{for(var h=s>1?void 0:s?r(e,c):e,n=u.length-1,l;n>=0;n--)(l=u[n])&&(h=(s?l(e,c,h):l(h))||h);return s&&h&&k(e,c,h),h};exports.PktRadioButton=class extends p.PktInputElement{constructor(){super(...arguments),this.inputRef=d.e(),this.value="",this.checkHelptext=null,this.defaultChecked=!1,this.hasTile=!1,this.checked=null,this.type="radio",this._checked=!1}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,c,s){e==="defaultChecked"&&(this._checked=this.defaultChecked),e==="checked"&&(this._checked=this.checked===""||this.checked==="true"||this.checked===!0),super.attributeChangedCallback(e,c,s)}updated(e){e.has("checked")&&this.checked!==null&&(this._checked=this.checked===""||this.checked==="true"||this.checked===!0,(e.get("checked")===""||e.get("checked")==="true"||e.get("checked")===!0)!==this._checked&&this.toggleChecked()),super.updated(e)}render(){const e=o.e({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),c=o.e({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError});return t.x`
+"use strict";const t=require("./element-BSypUpzA.cjs"),a=require("./state-B5KCNjEd.cjs"),p=require("./input-element-C9ma8cdz.cjs"),d=require("./ref-BvbyvXRH.cjs"),o=require("./class-map-DCyaICmy.cjs");var k=Object.defineProperty,r=Object.getOwnPropertyDescriptor,i=(u,e,c,s)=>{for(var h=s>1?void 0:s?r(e,c):e,n=u.length-1,l;n>=0;n--)(l=u[n])&&(h=(s?l(e,c,h):l(h))||h);return s&&h&&k(e,c,h),h};exports.PktRadioButton=class extends p.PktInputElement{constructor(){super(...arguments),this.inputRef=d.e(),this.value="",this.checkHelptext=null,this.defaultChecked=!1,this.hasTile=!1,this.checked=null,this.type="radio",this._checked=!1}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,c,s){e==="defaultChecked"&&(this._checked=this.defaultChecked),e==="checked"&&(this._checked=this.checked===""||this.checked==="true"||this.checked===!0),super.attributeChangedCallback(e,c,s)}updated(e){e.has("checked")&&this.checked!==null&&(this._checked=this.checked===""||this.checked==="true"||this.checked===!0,(e.get("checked")===""||e.get("checked")==="true"||e.get("checked")===!0)!==this._checked&&this.toggleChecked()),super.updated(e)}render(){const e=o.e({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),c=o.e({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError});return t.x`
       <div class="pkt-input-check">
         <div class=${e}>
           <input

package/dist/{radiobutton-Bat-fmTh.js → radiobutton-DtHuz7qn.js}

@@ -1,8 +1,8 @@
-import { E as n, x as r, n as s, a as o } from "./element-J964Wi0N.js";
-import { r as k } from "./state-fdb9lRrL.js";
-import { P as f } from "./input-element-BoUU9kvo.js";
-import { e as _, n as b } from "./ref-3rhflVgg.js";
-import { e as a } from "./class-map-D4QK1bDP.js";
+import { E as n, x as r, n as s, a as o } from "./element-DjjF_tEh.js";
+import { r as k } from "./state-BtbpSrdV.js";
+import { P as f } from "./input-element-Bic-t96S.js";
+import { e as _, n as b } from "./ref-iIffqQAI.js";
+import { e as a } from "./class-map-KyMqi0fa.js";
 var C = Object.defineProperty, v = Object.getOwnPropertyDescriptor, i = (e, t, l, p) => {
   for (var h = p > 1 ? void 0 : p ? v(t, l) : t, u = e.length - 1, d; u >= 0; u--)
     (d = e[u]) && (h = (p ? d(t, l, h) : d(h)) || h);

package/dist/radiobutton.d.ts

@@ -1,47 +1 @@
 export { }
-
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
-    }
-}
-
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
-    }
-}
-
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-listbox': PktListbox;
-    }
-}
-
-
-/**
- * Pkt Select is a wrapper for the native select element using the pkt-input-wrapper component.
- *
- * The component will prioritize options passed as a prop over options passed as children if both are provided.
- * This is to allow for dynamic options that might change in the case of both children/slot and props are provided.
- *
- * @slot (default) - Options to be rendered as children
- * @prop {TSelectOption[]} options - Options to be rendered as children
- *
- *
- */
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-select': PktSelect & HTMLSelectElement;
-    }
-}
-
-
-declare global {
-    interface Window {
-        pktTz: string;
-    }
-}

package/dist/{ref-BbKbXwub.cjs → ref-BvbyvXRH.cjs}

@@ -1,4 +1,4 @@
-"use strict";const d=require("./element-BYpg5e6C.cjs"),a=require("./directive-helpers-CQimZ5PA.cjs"),l=require("./directive-C7oCP5Bh.cjs");/**
+"use strict";const d=require("./element-BSypUpzA.cjs"),a=require("./directive-helpers-CG7Oxal3.cjs"),l=require("./directive-C7oCP5Bh.cjs");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -6,4 +6,4 @@
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const v=()=>new Y;class Y{}const r=new WeakMap,p=l.e(class extends A{render(t){return d.E}update(t,[e]){var i;const s=e!==this.Y;return s&&this.Y!==void 0&&this.rt(void 0),(s||this.lt!==this.ct)&&(this.Y=e,this.ht=(i=t.options)==null?void 0:i.host,this.rt(this.ct=t.element)),d.E}rt(t){if(this.isConnected||(t=void 0),typeof this.Y=="function"){const e=this.ht??globalThis;let s=r.get(e);s===void 0&&(s=new WeakMap,r.set(e,s)),s.get(this.Y)!==void 0&&this.Y.call(this.ht,void 0),s.set(this.Y,t),t!==void 0&&this.Y.call(this.ht,t)}else this.Y.value=t}get lt(){var t,e;return typeof this.Y=="function"?(t=r.get(this.ht??globalThis))==null?void 0:t.get(this.Y):(e=this.Y)==null?void 0:e.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});exports.e=v;exports.n=p;
+ */const v=()=>new G;class G{}const r=new WeakMap,p=l.e(class extends A{render(t){return d.E}update(t,[e]){var i;const s=e!==this.G;return s&&this.G!==void 0&&this.rt(void 0),(s||this.lt!==this.ct)&&(this.G=e,this.ht=(i=t.options)==null?void 0:i.host,this.rt(this.ct=t.element)),d.E}rt(t){if(this.isConnected||(t=void 0),typeof this.G=="function"){const e=this.ht??globalThis;let s=r.get(e);s===void 0&&(s=new WeakMap,r.set(e,s)),s.get(this.G)!==void 0&&this.G.call(this.ht,void 0),s.set(this.G,t),t!==void 0&&this.G.call(this.ht,t)}else this.G.value=t}get lt(){var t,e;return typeof this.G=="function"?(t=r.get(this.ht??globalThis))==null?void 0:t.get(this.G):(e=this.G)==null?void 0:e.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});exports.e=v;exports.n=p;

package/dist/{ref-3rhflVgg.js → ref-iIffqQAI.js}

@@ -1,5 +1,5 @@
-import { E as l } from "./element-J964Wi0N.js";
-import { f as $ } from "./directive-helpers-CVAnO9Xf.js";
+import { E as l } from "./element-DjjF_tEh.js";
+import { f as $ } from "./directive-helpers-8uS_Izwn.js";
 import { i as f, t as a, e as _ } from "./directive-oAbCiebi.js";
 /**
  * @license
@@ -66,8 +66,8 @@ class p extends f {
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const N = () => new Y();
-class Y {
+const N = () => new G();
+class G {
 }
 const c = /* @__PURE__ */ new WeakMap(), M = _(class extends p {
   render(t) {
@@ -75,19 +75,19 @@ const c = /* @__PURE__ */ new WeakMap(), M = _(class extends p {
   }
   update(t, [s]) {
     var i;
-    const e = s !== this.Y;
-    return e && this.Y !== void 0 && this.rt(void 0), (e || this.lt !== this.ct) && (this.Y = s, this.ht = (i = t.options) == null ? void 0 : i.host, this.rt(this.ct = t.element)), l;
+    const e = s !== this.G;
+    return e && this.G !== void 0 && this.rt(void 0), (e || this.lt !== this.ct) && (this.G = s, this.ht = (i = t.options) == null ? void 0 : i.host, this.rt(this.ct = t.element)), l;
   }
   rt(t) {
-    if (this.isConnected || (t = void 0), typeof this.Y == "function") {
+    if (this.isConnected || (t = void 0), typeof this.G == "function") {
       const s = this.ht ?? globalThis;
       let e = c.get(s);
-      e === void 0 && (e = /* @__PURE__ */ new WeakMap(), c.set(s, e)), e.get(this.Y) !== void 0 && this.Y.call(this.ht, void 0), e.set(this.Y, t), t !== void 0 && this.Y.call(this.ht, t);
-    } else this.Y.value = t;
+      e === void 0 && (e = /* @__PURE__ */ new WeakMap(), c.set(s, e)), e.get(this.G) !== void 0 && this.G.call(this.ht, void 0), e.set(this.G, t), t !== void 0 && this.G.call(this.ht, t);
+    } else this.G.value = t;
   }
   get lt() {
     var t, s;
-    return typeof this.Y == "function" ? (t = c.get(this.ht ?? globalThis)) == null ? void 0 : t.get(this.Y) : (s = this.Y) == null ? void 0 : s.value;
+    return typeof this.G == "function" ? (t = c.get(this.ht ?? globalThis)) == null ? void 0 : t.get(this.G) : (s = this.G) == null ? void 0 : s.value;
   }
   disconnected() {
     this.lt === this.ct && this.rt(void 0);

package/dist/{repeat-DK_E7chz.cjs → repeat-BnuruAat.cjs}

@@ -1,4 +1,4 @@
-"use strict";const m=require("./element-BYpg5e6C.cjs"),x=require("./directive-C7oCP5Bh.cjs"),s=require("./directive-helpers-CQimZ5PA.cjs");/**
+"use strict";const m=require("./element-BSypUpzA.cjs"),x=require("./directive-C7oCP5Bh.cjs"),s=require("./directive-helpers-CG7Oxal3.cjs");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{repeat-CTBD0h6a.js → repeat-D4kMediE.js}

@@ -1,6 +1,6 @@
-import { T as $ } from "./element-J964Wi0N.js";
+import { T as $ } from "./element-DjjF_tEh.js";
 import { e as A, i as M, t as b } from "./directive-oAbCiebi.js";
-import { p as j, v as h, r as v, M as x, m as C } from "./directive-helpers-CVAnO9Xf.js";
+import { p as j, v as h, r as v, M as x, m as C } from "./directive-helpers-8uS_Izwn.js";
 /**
  * @license
  * Copyright 2017 Google LLC

package/dist/{select-Swc0c6lZ.cjs → select-BJziJVde.cjs}

@@ -1,4 +1,4 @@
-"use strict";const r=require("./element-BYpg5e6C.cjs"),u=require("./state-y7tCw3bg.cjs"),l=require("./ref-BbKbXwub.cjs"),o=require("./if-defined-ZR_9IQ1L.cjs"),d=require("./input-element-BYE0qiMh.cjs"),c=require("./pkt-options-controller-TJ1apYGF.cjs"),$=require("./pkt-slot-controller-plQxXRvV.cjs");require("./input-wrapper-DmVnotQ2.cjs");var b=Object.defineProperty,v=Object.getOwnPropertyDescriptor,n=(a,e,t,i)=>{for(var s=i>1?void 0:i?v(e,t):e,p=a.length-1,h;p>=0;p--)(h=a[p])&&(s=(i?h(e,t,s):h(s))||s);return i&&s&&b(e,t,s),s};exports.PktSelect=class extends d.PktInputElement{constructor(){super(),this.inputRef=l.e(),this.helptextSlot=l.e(),this.options=[],this.value="",this._options=[],this.optionsController=new c.PktOptionsSlotController(this),this.slotController=new $.PktSlotController(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(i=>{const s={value:i.getAttribute("value")||i.textContent||"",label:i.textContent||i.getAttribute("value")||"",disabled:!!i.getAttribute("disabled")};i.getAttribute("selected")&&!this.value&&(this.value=s.value),this._options.push(s)}):this._options=this.options}attributeChangedCallback(e,t,i){e==="options"&&(this._options=i?JSON.parse(i):[]),e==="value"&&this.value!==t&&this.valueChanged(i,t),super.attributeChangedCallback(e,t,i)}updated(e){var t;super.updated(e),e.has("value")&&(this.counterCurrent=((t=this.value)==null?void 0:t.length)||0,this.valueChanged(this.value,e.get("value"))),e.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(e){super.firstUpdated(e),this.options.length&&(this._options=this.options)}render(){const e=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return r.x`
+"use strict";const r=require("./element-BSypUpzA.cjs"),u=require("./state-B5KCNjEd.cjs"),l=require("./ref-BvbyvXRH.cjs"),o=require("./if-defined-a3sotaUr.cjs"),d=require("./input-element-C9ma8cdz.cjs"),c=require("./pkt-options-controller-TJ1apYGF.cjs"),$=require("./pkt-slot-controller-plQxXRvV.cjs");require("./input-wrapper-Cn929YTV.cjs");var b=Object.defineProperty,v=Object.getOwnPropertyDescriptor,n=(a,e,t,i)=>{for(var s=i>1?void 0:i?v(e,t):e,p=a.length-1,h;p>=0;p--)(h=a[p])&&(s=(i?h(e,t,s):h(s))||s);return i&&s&&b(e,t,s),s};exports.PktSelect=class extends d.PktInputElement{constructor(){super(),this.inputRef=l.e(),this.helptextSlot=l.e(),this.options=[],this.value="",this._options=[],this.optionsController=new c.PktOptionsSlotController(this),this.slotController=new $.PktSlotController(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(i=>{const s={value:i.getAttribute("value")||i.textContent||"",label:i.textContent||i.getAttribute("value")||"",disabled:!!i.getAttribute("disabled")};i.getAttribute("selected")&&!this.value&&(this.value=s.value),this._options.push(s)}):this._options=this.options}attributeChangedCallback(e,t,i){e==="options"&&(this._options=i?JSON.parse(i):[]),e==="value"&&this.value!==t&&this.valueChanged(i,t),super.attributeChangedCallback(e,t,i)}updated(e){var t;super.updated(e),e.has("value")&&(this.counterCurrent=((t=this.value)==null?void 0:t.length)||0,this.valueChanged(this.value,e.get("value"))),e.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(e){super.firstUpdated(e),this.options.length&&(this._options=this.options)}render(){const e=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return r.x`
       <pkt-input-wrapper
         ?counter=${this.counter}
         ?disabled=${this.disabled}

package/dist/{select-CVWm9dL1.js → select-DbRLz-7l.js}

@@ -1,11 +1,11 @@
-import { x as h, n as c, a as $ } from "./element-J964Wi0N.js";
-import { r as b } from "./state-fdb9lRrL.js";
-import { e as u, n as d } from "./ref-3rhflVgg.js";
-import { o as s } from "./if-defined-DEXc_i_J.js";
-import { P as v } from "./input-element-BoUU9kvo.js";
+import { x as h, n as c, a as $ } from "./element-DjjF_tEh.js";
+import { r as b } from "./state-BtbpSrdV.js";
+import { e as u, n as d } from "./ref-iIffqQAI.js";
+import { o as s } from "./if-defined-BErSJCeJ.js";
+import { P as v } from "./input-element-Bic-t96S.js";
 import { P as f } from "./pkt-options-controller-CFmzX4xL.js";
 import { P as m } from "./pkt-slot-controller-DFrc5O93.js";
-import "./input-wrapper-CZI_ibQL.js";
+import "./input-wrapper-CeeNYbDA.js";
 var g = Object.defineProperty, C = Object.getOwnPropertyDescriptor, a = (e, t, i, o) => {
   for (var r = o > 1 ? void 0 : o ? C(t, i) : t, n = e.length - 1, p; n >= 0; n--)
     (p = e[n]) && (r = (o ? p(t, i, r) : p(r)) || r);

package/dist/select.d.ts

@@ -1,47 +1 @@
 export { }
-
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
-    }
-}
-
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
-    }
-}
-
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-listbox': PktListbox;
-    }
-}
-
-
-/**
- * Pkt Select is a wrapper for the native select element using the pkt-input-wrapper component.
- *
- * The component will prioritize options passed as a prop over options passed as children if both are provided.
- * This is to allow for dynamic options that might change in the case of both children/slot and props are provided.
- *
- * @slot (default) - Options to be rendered as children
- * @prop {TSelectOption[]} options - Options to be rendered as children
- *
- *
- */
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-select': PktSelect & HTMLSelectElement;
-    }
-}
-
-
-declare global {
-    interface Window {
-        pktTz: string;
-    }
-}

package/dist/{state-y7tCw3bg.cjs → state-B5KCNjEd.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("./element-BYpg5e6C.cjs");/**
+"use strict";const e=require("./element-BSypUpzA.cjs");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{state-fdb9lRrL.js → state-BtbpSrdV.js}

@@ -1,4 +1,4 @@
-import { n as r } from "./element-J964Wi0N.js";
+import { n as r } from "./element-DjjF_tEh.js";
 /**
  * @license
  * Copyright 2017 Google LLC

package/dist/{tag-Dizhf3tl.js → tag-CGnj4c1Z.js}

@@ -1,10 +1,10 @@
-import { e as u } from "./class-map-D4QK1bDP.js";
-import { P as m, x as l, n as r, a as g } from "./element-J964Wi0N.js";
-import { r as k } from "./state-fdb9lRrL.js";
+import { e as u } from "./class-map-KyMqi0fa.js";
+import { P as m, x as l, n as r, a as g } from "./element-DjjF_tEh.js";
+import { r as k } from "./state-BtbpSrdV.js";
 import { P as y } from "./pkt-slot-controller-DFrc5O93.js";
-import { e as b, n as f } from "./ref-3rhflVgg.js";
-import "./icon-kSv2VoAB.js";
-import { o as d } from "./if-defined-DEXc_i_J.js";
+import { e as b, n as f } from "./ref-iIffqQAI.js";
+import "./icon-Beoxup8E.js";
+import { o as d } from "./if-defined-BErSJCeJ.js";
 const _ = {
   closeTag: {
     default: !1

package/dist/{tag-Dg2-c_OZ.cjs → tag-CgkUxA5D.cjs}

@@ -1,4 +1,4 @@
-"use strict";const u=require("./class-map-BjTUtIEl.cjs"),t=require("./element-BYpg5e6C.cjs"),k=require("./state-y7tCw3bg.cjs"),g=require("./pkt-slot-controller-plQxXRvV.cjs"),c=require("./ref-BbKbXwub.cjs");require("./icon-Cc4gVHxd.cjs");const h=require("./if-defined-ZR_9IQ1L.cjs"),f={closeTag:{default:!1},size:{default:"medium"},skin:{default:"blue"},type:{default:"button"}},r={props:f};var d=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(n,e,o,a)=>{for(var s=a>1?void 0:a?y(e,o):e,l=n.length-1,p;l>=0;l--)(p=n[l])&&(s=(a?p(e,o,s):p(s))||s);return a&&s&&d(e,o,s),s};exports.PktTag=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.closeTag=r.props.closeTag.default,this.size=r.props.size.default,this.skin=r.props.skin.default,this.textStyle=null,this.iconName=void 0,this.type=r.props.type.default,this.ariaLabel=null,this._isClosed=!1,this._ariaDescription=null,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:e},bubbles:!0,composed:!0}))},this.slotController=new g.PktSlotController(this,this.defaultSlot),this._isClosed=!1}firstUpdated(e){var o,a;if(super.firstUpdated(e),this.closeTag&&!this.ariaLabel){const s=(a=(o=this.defaultSlot.value)==null?void 0:o.textContent)==null?void 0:a.trim();s&&(this._ariaDescription=`Klikk for å fjerne ${s}`)}}render(){const e={"pkt-tag":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle},o={"pkt-tag":!0,"pkt-btn":!0,"pkt-btn--tertiary":!0,[`pkt-tag--${this.textStyle}`]:!!this.textStyle,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,"pkt-btn--icons-right-and-left":this.closeTag&&!!this.iconName,"pkt-hide":this._isClosed};return this.closeTag?t.x`
+"use strict";const u=require("./class-map-DCyaICmy.cjs"),t=require("./element-BSypUpzA.cjs"),k=require("./state-B5KCNjEd.cjs"),g=require("./pkt-slot-controller-plQxXRvV.cjs"),c=require("./ref-BvbyvXRH.cjs");require("./icon-BnKGwYjj.cjs");const h=require("./if-defined-a3sotaUr.cjs"),f={closeTag:{default:!1},size:{default:"medium"},skin:{default:"blue"},type:{default:"button"}},r={props:f};var d=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(n,e,o,a)=>{for(var s=a>1?void 0:a?y(e,o):e,l=n.length-1,p;l>=0;l--)(p=n[l])&&(s=(a?p(e,o,s):p(s))||s);return a&&s&&d(e,o,s),s};exports.PktTag=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.closeTag=r.props.closeTag.default,this.size=r.props.size.default,this.skin=r.props.skin.default,this.textStyle=null,this.iconName=void 0,this.type=r.props.type.default,this.ariaLabel=null,this._isClosed=!1,this._ariaDescription=null,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:e},bubbles:!0,composed:!0}))},this.slotController=new g.PktSlotController(this,this.defaultSlot),this._isClosed=!1}firstUpdated(e){var o,a;if(super.firstUpdated(e),this.closeTag&&!this.ariaLabel){const s=(a=(o=this.defaultSlot.value)==null?void 0:o.textContent)==null?void 0:a.trim();s&&(this._ariaDescription=`Klikk for å fjerne ${s}`)}}render(){const e={"pkt-tag":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle},o={"pkt-tag":!0,"pkt-btn":!0,"pkt-btn--tertiary":!0,[`pkt-tag--${this.textStyle}`]:!!this.textStyle,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,"pkt-btn--icons-right-and-left":this.closeTag&&!!this.iconName,"pkt-hide":this._isClosed};return this.closeTag?t.x`
         <button
           class=${u.e(o)}
           type=${this.type}

package/dist/tag.d.ts

@@ -1,47 +1 @@
 export { }
-
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
-    }
-}
-
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
-    }
-}
-
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-listbox': PktListbox;
-    }
-}
-
-
-/**
- * Pkt Select is a wrapper for the native select element using the pkt-input-wrapper component.
- *
- * The component will prioritize options passed as a prop over options passed as children if both are provided.
- * This is to allow for dynamic options that might change in the case of both children/slot and props are provided.
- *
- * @slot (default) - Options to be rendered as children
- * @prop {TSelectOption[]} options - Options to be rendered as children
- *
- *
- */
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-select': PktSelect & HTMLSelectElement;
-    }
-}
-
-
-declare global {
-    interface Window {
-        pktTz: string;
-    }
-}

package/dist/{textarea-DkQfMu1d.js → textarea-CiA4IzMs.js}

@@ -1,14 +1,14 @@
-import { T as l, E as $, x as f, n as d, a as g } from "./element-J964Wi0N.js";
-import { o as u } from "./if-defined-DEXc_i_J.js";
-import { r as x } from "./state-fdb9lRrL.js";
-import { e as m, n as c } from "./ref-3rhflVgg.js";
-import { e as v } from "./class-map-D4QK1bDP.js";
+import { T as l, E as $, x as f, n as d, a as g } from "./element-DjjF_tEh.js";
+import { o as u } from "./if-defined-BErSJCeJ.js";
+import { r as x } from "./state-BtbpSrdV.js";
+import { e as m, n as c } from "./ref-iIffqQAI.js";
+import { e as v } from "./class-map-KyMqi0fa.js";
 import { e as b, i as T, t as a } from "./directive-oAbCiebi.js";
-import { f as y, m as w } from "./directive-helpers-CVAnO9Xf.js";
-import { P as C } from "./input-element-BoUU9kvo.js";
+import { f as y, m as w } from "./directive-helpers-8uS_Izwn.js";
+import { P as C } from "./input-element-Bic-t96S.js";
 import { P as E } from "./pkt-slot-controller-DFrc5O93.js";
-import "./input-wrapper-CZI_ibQL.js";
-import "./icon-kSv2VoAB.js";
+import "./input-wrapper-CeeNYbDA.js";
+import "./icon-Beoxup8E.js";
 /**
  * @license
  * Copyright 2020 Google LLC

package/dist/{textarea-go_AyeP-.cjs → textarea-qX4Inr1X.cjs}

@@ -1,4 +1,4 @@
-"use strict";const s=require("./element-BYpg5e6C.cjs"),p=require("./if-defined-ZR_9IQ1L.cjs"),c=require("./state-y7tCw3bg.cjs"),l=require("./ref-BbKbXwub.cjs"),$=require("./class-map-BjTUtIEl.cjs"),a=require("./directive-C7oCP5Bh.cjs"),d=require("./directive-helpers-CQimZ5PA.cjs"),x=require("./input-element-BYE0qiMh.cjs"),T=require("./pkt-slot-controller-plQxXRvV.cjs");require("./input-wrapper-DmVnotQ2.cjs");require("./icon-Cc4gVHxd.cjs");/**
+"use strict";const s=require("./element-BSypUpzA.cjs"),p=require("./if-defined-a3sotaUr.cjs"),c=require("./state-B5KCNjEd.cjs"),l=require("./ref-BvbyvXRH.cjs"),$=require("./class-map-DCyaICmy.cjs"),a=require("./directive-C7oCP5Bh.cjs"),d=require("./directive-helpers-CG7Oxal3.cjs"),x=require("./input-element-C9ma8cdz.cjs"),T=require("./pkt-slot-controller-plQxXRvV.cjs");require("./input-wrapper-Cn929YTV.cjs");require("./icon-BnKGwYjj.cjs");/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/textarea.d.ts

@@ -1,47 +1 @@
 export { }
-
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
-    }
-}
-
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
-    }
-}
-
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-listbox': PktListbox;
-    }
-}
-
-
-/**
- * Pkt Select is a wrapper for the native select element using the pkt-input-wrapper component.
- *
- * The component will prioritize options passed as a prop over options passed as children if both are provided.
- * This is to allow for dynamic options that might change in the case of both children/slot and props are provided.
- *
- * @slot (default) - Options to be rendered as children
- * @prop {TSelectOption[]} options - Options to be rendered as children
- *
- *
- */
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-select': PktSelect & HTMLSelectElement;
-    }
-}
-
-
-declare global {
-    interface Window {
-        pktTz: string;
-    }
-}

package/dist/{textinput-FvLq5W70.cjs → textinput-BlsgLNwW.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-BYpg5e6C.cjs"),u=require("./if-defined-ZR_9IQ1L.cjs"),l=require("./state-y7tCw3bg.cjs"),p=require("./ref-BbKbXwub.cjs"),c=require("./class-map-BjTUtIEl.cjs"),d=require("./input-element-BYE0qiMh.cjs"),x=require("./pkt-slot-controller-plQxXRvV.cjs");require("./input-wrapper-DmVnotQ2.cjs");require("./icon-Cc4gVHxd.cjs");var $=Object.defineProperty,g=Object.getOwnPropertyDescriptor,r=(o,i,s,n)=>{for(var e=n>1?void 0:n?g(i,s):i,a=o.length-1,h;a>=0;a--)(h=o[a])&&(e=(n?h(i,s,e):h(e))||e);return n&&e&&$(i,s,e),e};exports.PktTextinput=class extends d.PktInputElement{constructor(){super(),this.inputRef=p.e(),this.helptextSlot=p.e(),this.value="",this.type="text",this.size=null,this.autocomplete=null,this.iconNameRight=null,this.prefix=null,this.suffix=null,this.omitSearchIcon=!1,this.counterCurrent=0,this.slotController=new x.PktSlotController(this,this.helptextSlot)}attributeChangedCallback(i,s,n){i==="value"&&this.value!==s&&(this.counterCurrent=n?n.length:0,this.valueChanged(n,s)),super.attributeChangedCallback(i,s,n)}updated(i){var s;super.updated(i),i.has("value")&&(this.counterCurrent=((s=this.value)==null?void 0:s.length)||0,this.valueChanged(this.value,i.get("value"))),i.has("id")&&!this.name&&this.id&&(this.name=this.id)}render(){const i=this.type==="search"&&!this.iconNameRight&&!this.omitSearchIcon,s=c.e({"pkt-input":!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":this.counter&&this.counterMaxLength&&this.value.length&&this.value.length>this.counterMaxLength}),n=this.ariaLabelledby||`${this.id}-input-label`;return t.x`
+"use strict";const t=require("./element-BSypUpzA.cjs"),u=require("./if-defined-a3sotaUr.cjs"),l=require("./state-B5KCNjEd.cjs"),p=require("./ref-BvbyvXRH.cjs"),c=require("./class-map-DCyaICmy.cjs"),d=require("./input-element-C9ma8cdz.cjs"),x=require("./pkt-slot-controller-plQxXRvV.cjs");require("./input-wrapper-Cn929YTV.cjs");require("./icon-BnKGwYjj.cjs");var $=Object.defineProperty,g=Object.getOwnPropertyDescriptor,r=(o,i,s,n)=>{for(var e=n>1?void 0:n?g(i,s):i,a=o.length-1,h;a>=0;a--)(h=o[a])&&(e=(n?h(i,s,e):h(e))||e);return n&&e&&$(i,s,e),e};exports.PktTextinput=class extends d.PktInputElement{constructor(){super(),this.inputRef=p.e(),this.helptextSlot=p.e(),this.value="",this.type="text",this.size=null,this.autocomplete=null,this.iconNameRight=null,this.prefix=null,this.suffix=null,this.omitSearchIcon=!1,this.counterCurrent=0,this.slotController=new x.PktSlotController(this,this.helptextSlot)}attributeChangedCallback(i,s,n){i==="value"&&this.value!==s&&(this.counterCurrent=n?n.length:0,this.valueChanged(n,s)),super.attributeChangedCallback(i,s,n)}updated(i){var s;super.updated(i),i.has("value")&&(this.counterCurrent=((s=this.value)==null?void 0:s.length)||0,this.valueChanged(this.value,i.get("value"))),i.has("id")&&!this.name&&this.id&&(this.name=this.id)}render(){const i=this.type==="search"&&!this.iconNameRight&&!this.omitSearchIcon,s=c.e({"pkt-input":!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":this.counter&&this.counterMaxLength&&this.value.length&&this.value.length>this.counterMaxLength}),n=this.ariaLabelledby||`${this.id}-input-label`;return t.x`
       <pkt-input-wrapper
         label="${this.label}"
         ?counter=${this.counter}

package/dist/{textinput-CyJB8IDv.js → textinput-CrxjZNEq.js}

@@ -1,12 +1,12 @@
-import { E as p, x as h, n as o, a as $ } from "./element-J964Wi0N.js";
-import { o as c } from "./if-defined-DEXc_i_J.js";
-import { r as f } from "./state-fdb9lRrL.js";
-import { e as d, n as m } from "./ref-3rhflVgg.js";
-import { e as g } from "./class-map-D4QK1bDP.js";
-import { P as x } from "./input-element-BoUU9kvo.js";
+import { E as p, x as h, n as o, a as $ } from "./element-DjjF_tEh.js";
+import { o as c } from "./if-defined-BErSJCeJ.js";
+import { r as f } from "./state-BtbpSrdV.js";
+import { e as d, n as m } from "./ref-iIffqQAI.js";
+import { e as g } from "./class-map-KyMqi0fa.js";
+import { P as x } from "./input-element-Bic-t96S.js";
 import { P as y } from "./pkt-slot-controller-DFrc5O93.js";
-import "./input-wrapper-CZI_ibQL.js";
-import "./icon-kSv2VoAB.js";
+import "./input-wrapper-CeeNYbDA.js";
+import "./icon-Beoxup8E.js";
 var v = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (e, i, r, t) => {
   for (var a = t > 1 ? void 0 : t ? b(i, r) : i, l = e.length - 1, u; l >= 0; l--)
     (u = e[l]) && (a = (t ? u(i, r, a) : u(a)) || a);

package/dist/textinput.d.ts

@@ -1,47 +1 @@
 export { }
-
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
-    }
-}
-
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
-    }
-}
-
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-listbox': PktListbox;
-    }
-}
-
-
-/**
- * Pkt Select is a wrapper for the native select element using the pkt-input-wrapper component.
- *
- * The component will prioritize options passed as a prop over options passed as children if both are provided.
- * This is to allow for dynamic options that might change in the case of both children/slot and props are provided.
- *
- * @slot (default) - Options to be rendered as children
- * @prop {TSelectOption[]} options - Options to be rendered as children
- *
- *
- */
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-select': PktSelect & HTMLSelectElement;
-    }
-}
-
-
-declare global {
-    interface Window {
-        pktTz: string;
-    }
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "12.34.2",
+  "version": "12.34.4",
   "description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -24,13 +24,13 @@
     "@date-fns/tz": "^1.2.0",
     "@lit-labs/router": "^0.1.3",
     "date-fns": "^4.1.0",
-    "lit": "^3.1.2",
+    "lit": "^3.3.0",
     "react-dom": ">=18.2.22",
     "urlpattern-polyfill": "^10.0.0"
   },
   "devDependencies": {
-    "@oslokommune/punkt-assets": "^12.30.1",
-    "@oslokommune/punkt-css": "^12.34.2",
+    "@oslokommune/punkt-assets": "^12.34.4",
+    "@oslokommune/punkt-css": "^12.34.4",
     "sass": "^1.78.0",
     "typescript": "^5.6.2",
     "vite": "^5.4.18",
@@ -57,5 +57,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "780c78ea4619450ddd43ba97183c2eb239a53524"
+  "gitHead": "437c77a182d85a710e0d5adbf492ea7585a0d472"
 }

package/src/components/combobox/combobox.ts

@@ -159,8 +159,16 @@ export class PktCombobox extends PktInputElement implements IPktCombobox {
     if (changedProperties.has('options') && this.options.length) {
       this._options = this.options
       this._options.forEach((option) => {
+        if (option.value && !option.label) {
+          option.label = option.value
+        }
+        if (option.selected && !this._value.includes(option.value)) {
+          const oldValue = [...this._value]
+          this._value = [...this._value, option.value]
+          this.valueChanged(this._value, oldValue)
+        }
         option.fulltext = option.value + option.label + (option.prefix || '')
-        option.selected = this._value.includes(option.value)
+        option.selected = option.selected || this._value.includes(option.value)
       })
     }
     if (changedProperties.has('_search')) {
@@ -184,6 +192,12 @@ export class PktCombobox extends PktInputElement implements IPktCombobox {
     if (name === 'options') {
       this._options = this.options
       this._options.forEach((option) => {
+        if (option.value && !option.label) {
+          option.label = option.value
+        }
+        if (option.selected && !this._value.includes(option.value)) {
+          this._value = [...this._value, option.value]
+        }
         option.fulltext = option.value + option.label + (option.prefix || '')
       })
       this._search = ''
@@ -340,8 +354,8 @@ export class PktCombobox extends PktInputElement implements IPktCombobox {
     // Multiple vises som tags
     const multipleValuesContent = repeat(
       this._value,
-      (value) => value,
-      (value) => {
+      (value: string) => value,
+      (value: string) => {
         const option = this.findValueInOptions(value)
         const tagSkinColor = this.options.find((o) => o.value === value)?.tagSkinColor
         return html`