@oslokommune/punkt-elements 12.42.11 → 12.42.13

package/dist/pkt-select.js

@@ -1,4 +1,4 @@
-import { P as t } from "./select-BlL8T2BX.js";
+import { P as t } from "./select-BaLHLuvH.js";
 const a = t;
 export {
   t as PktSelect,

package/dist/pkt-tag.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./tag-DrbI0ng3.cjs"),t=e.PktTag;Object.defineProperty(exports,"PktTag",{enumerable:!0,get:()=>e.PktTag});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./tag-DPk3fpEg.cjs"),t=e.PktTag;Object.defineProperty(exports,"PktTag",{enumerable:!0,get:()=>e.PktTag});exports.default=t;

package/dist/pkt-tag.js

@@ -1,4 +1,4 @@
-import { P as a } from "./tag-m7OTZaCG.js";
+import { P as a } from "./tag-BWm6s48d.js";
 const o = a;
 export {
   a as PktTag,

package/dist/pkt-textarea.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textarea-Dc1sUaxx.cjs"),t=e.PktTextarea;Object.defineProperty(exports,"PktTextarea",{enumerable:!0,get:()=>e.PktTextarea});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textarea-CViiuZdR.cjs"),t=e.PktTextarea;Object.defineProperty(exports,"PktTextarea",{enumerable:!0,get:()=>e.PktTextarea});exports.default=t;

package/dist/pkt-textarea.js

@@ -1,4 +1,4 @@
-import { P as a } from "./textarea-Dk8hQMD2.js";
+import { P as a } from "./textarea-EIFo7GZz.js";
 const e = a;
 export {
   a as PktTextarea,

package/dist/pkt-textinput.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textinput-DuLZ26DB.cjs"),t=e.PktTextinput;Object.defineProperty(exports,"PktTextinput",{enumerable:!0,get:()=>e.PktTextinput});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textinput-_ZdyMA9O.cjs"),t=e.PktTextinput;Object.defineProperty(exports,"PktTextinput",{enumerable:!0,get:()=>e.PktTextinput});exports.default=t;

package/dist/pkt-textinput.js

@@ -1,4 +1,4 @@
-import { P as t } from "./textinput-6Ip-0aVY.js";
+import { P as t } from "./textinput-BHS7b-Jt.js";
 const p = t;
 export {
   t as PktTextinput,

package/dist/{progressbar-BrXtjUvh.cjs → progressbar-DhMBXkww.cjs}

@@ -1,4 +1,4 @@
-"use strict";const n=require("./class-map-DWDPOqjO.cjs"),e=require("./element-90YeMNbV.cjs"),p=require("./state-D-Recv7U.cjs"),h=require("./ref-B-w1vCo8.cjs"),b=require("./directive-C7oCP5Bh.cjs"),d=require("./stringutils-CkVRq4jP.cjs");require("./icon-B1_BRNqf.cjs");/**
+"use strict";const n=require("./class-map-BBG2gMX4.cjs"),e=require("./element-6DBpyGQm.cjs"),p=require("./state-DPobt-Yz.cjs"),h=require("./ref-iJtiv3o2.cjs"),b=require("./directive-C7oCP5Bh.cjs"),d=require("./stringutils-CkVRq4jP.cjs");require("./icon-B_ryAy4Q.cjs");/**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{progressbar-BSO0KWzv.js → progressbar-Dj_mI_A6.js}

@@ -1,10 +1,10 @@
-import { e as n } from "./class-map-m7ZCZ49w.js";
-import { T as g, P as _, E as c, x as b, n as u, a as $ } from "./element-gAd63VwC.js";
-import { r as h } from "./state-BxrO4zNJ.js";
-import { e as y, n as A } from "./ref-DnSbnXsj.js";
+import { e as n } from "./class-map-BpTj9gtz.js";
+import { T as g, P as _, E as c, x as b, n as u, a as $ } from "./element-CgEWt74-.js";
+import { r as h } from "./state-Bo2bck5_.js";
+import { e as y, n as A } from "./ref-BBYSqgeW.js";
 import { e as x, i as T, t as k } from "./directive-oAbCiebi.js";
 import { u as d } from "./stringutils-DJjRa8dG.js";
-import "./icon-CO1TLSs5.js";
+import "./icon-CC1js8eR.js";
 /**
  * @license
  * Copyright 2018 Google LLC

package/dist/{radiobutton-x10h-JEh.cjs → radiobutton-0vVqu-GU.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("./element-90YeMNbV.cjs"),p=require("./state-D-Recv7U.cjs"),r=require("./input-element-CInrWeac.cjs"),o=require("./ref-B-w1vCo8.cjs"),u=require("./class-map-DWDPOqjO.cjs");var d=Object.defineProperty,k=Object.getOwnPropertyDescriptor,s=(l,t,n,c)=>{for(var i=c>1?void 0:c?k(t,n):t,h=l.length-1,a;h>=0;h--)(a=l[h])&&(i=(c?a(t,n,i):a(i))||i);return c&&i&&d(t,n,i),i};exports.PktRadioButton=class extends r.PktInputElement{constructor(){super(...arguments),this.inputRef=o.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(t,n,c){t==="defaultChecked"&&(this._checked=this.defaultChecked),t==="checked"&&(this._checked=this.checked===""||this.checked==="true"||this.checked===!0),super.attributeChangedCallback(t,n,c)}render(){const t=u.e({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),n=u.e({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),c=u.e({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--disabled":this.disabled,"pkt-sr-only":this.hideLabel}),i=()=>e.x`
+"use strict";const e=require("./element-6DBpyGQm.cjs"),p=require("./state-DPobt-Yz.cjs"),r=require("./input-element-CHjLWeKt.cjs"),o=require("./ref-iJtiv3o2.cjs"),u=require("./class-map-BBG2gMX4.cjs");var d=Object.defineProperty,k=Object.getOwnPropertyDescriptor,s=(l,t,n,c)=>{for(var i=c>1?void 0:c?k(t,n):t,h=l.length-1,a;h>=0;h--)(a=l[h])&&(i=(c?a(t,n,i):a(i))||i);return c&&i&&d(t,n,i),i};exports.PktRadioButton=class extends r.PktInputElement{constructor(){super(...arguments),this.inputRef=o.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(t,n,c){t==="defaultChecked"&&(this._checked=this.defaultChecked),t==="checked"&&(this._checked=this.checked===""||this.checked==="true"||this.checked===!0),super.attributeChangedCallback(t,n,c)}render(){const t=u.e({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),n=u.e({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),c=u.e({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--disabled":this.disabled,"pkt-sr-only":this.hideLabel}),i=()=>e.x`
         <label class=${c} for=${this.id+"-internal"}>
           ${this.label}
           ${this.checkHelptext?e.x`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>`:e.E}

package/dist/{radiobutton-BaIDDCwK.js → radiobutton-BcFRJFvI.js}

@@ -1,8 +1,8 @@
-import { x as n, E as u, n as p, a as d } from "./element-gAd63VwC.js";
-import { r as k } from "./state-BxrO4zNJ.js";
-import { P as f } from "./input-element-BEvaQK4g.js";
-import { e as _, n as b } from "./ref-DnSbnXsj.js";
-import { e as o } from "./class-map-m7ZCZ49w.js";
+import { x as n, E as u, n as p, a as d } from "./element-CgEWt74-.js";
+import { r as k } from "./state-Bo2bck5_.js";
+import { P as f } from "./input-element-Cco4PA2M.js";
+import { e as _, n as b } from "./ref-BBYSqgeW.js";
+import { e as o } from "./class-map-BpTj9gtz.js";
 var $ = Object.defineProperty, v = Object.getOwnPropertyDescriptor, c = (e, i, s, l) => {
   for (var h = l > 1 ? void 0 : l ? v(i, s) : i, r = e.length - 1, a; r >= 0; r--)
     (a = e[r]) && (h = (l ? a(i, s, h) : a(h)) || h);

package/dist/{ref-DnSbnXsj.js → ref-BBYSqgeW.js}

@@ -1,5 +1,5 @@
-import { E as l } from "./element-gAd63VwC.js";
-import { f as $ } from "./directive-helpers--4ibN__v.js";
+import { E as l } from "./element-CgEWt74-.js";
+import { f as $ } from "./directive-helpers-r-kOS_Mf.js";
 import { i as f, t as a, e as _ } from "./directive-oAbCiebi.js";
 /**
  * @license

package/dist/{ref-B-w1vCo8.cjs → ref-iJtiv3o2.cjs}

@@ -1,4 +1,4 @@
-"use strict";const d=require("./element-90YeMNbV.cjs"),a=require("./directive-helpers-v9b0v7lu.cjs"),l=require("./directive-C7oCP5Bh.cjs");/**
+"use strict";const d=require("./element-6DBpyGQm.cjs"),a=require("./directive-helpers-BBbxqP2W.cjs"),l=require("./directive-C7oCP5Bh.cjs");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{repeat-lUFq9w5d.js → repeat-C8BeHwYx.js}

@@ -1,6 +1,6 @@
-import { T as $ } from "./element-gAd63VwC.js";
+import { T as $ } from "./element-CgEWt74-.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--4ibN__v.js";
+import { p as j, v as h, r as v, M as x, m as C } from "./directive-helpers-r-kOS_Mf.js";
 /**
  * @license
  * Copyright 2017 Google LLC

package/dist/{repeat-CxQA3AeF.cjs → repeat-CDsZqct8.cjs}

@@ -1,4 +1,4 @@
-"use strict";const m=require("./element-90YeMNbV.cjs"),x=require("./directive-C7oCP5Bh.cjs"),s=require("./directive-helpers-v9b0v7lu.cjs");/**
+"use strict";const m=require("./element-6DBpyGQm.cjs"),x=require("./directive-C7oCP5Bh.cjs"),s=require("./directive-helpers-BBbxqP2W.cjs");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{select-BlL8T2BX.js → select-BaLHLuvH.js}

@@ -1,11 +1,11 @@
-import { x as p, n as c, a as v } from "./element-gAd63VwC.js";
-import { r as f } from "./state-BxrO4zNJ.js";
-import { e as u, n as d } from "./ref-DnSbnXsj.js";
-import { o } from "./if-defined-Cj-3Kdsr.js";
-import { P as b } from "./input-element-BEvaQK4g.js";
+import { x as p, n as c, a as v } from "./element-CgEWt74-.js";
+import { r as f } from "./state-Bo2bck5_.js";
+import { e as u, n as d } from "./ref-BBYSqgeW.js";
+import { o } from "./if-defined-CmuO4Vz9.js";
+import { P as b } from "./input-element-Cco4PA2M.js";
 import { P as $ } from "./pkt-options-controller-CZO1nxZ8.js";
 import { P as x } from "./pkt-slot-controller-BPGj-LC5.js";
-import "./input-wrapper-CC_R5w7V.js";
+import "./input-wrapper-gz7ppKrK.js";
 var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, h = (t, e, s, i) => {
   for (var l = i > 1 ? void 0 : i ? g(e, s) : e, a = t.length - 1, r; a >= 0; a--)
     (r = t[a]) && (l = (i ? r(e, s, l) : r(l)) || l);

package/dist/{select-BkVSXR5K.cjs → select-CFpdOlDE.cjs}

@@ -1,4 +1,4 @@
-"use strict";const r=require("./element-90YeMNbV.cjs"),p=require("./state-D-Recv7U.cjs"),h=require("./ref-B-w1vCo8.cjs"),o=require("./if-defined-C8eotHpL.cjs"),d=require("./input-element-CInrWeac.cjs"),c=require("./pkt-options-controller-CiuBG6Lt.cjs"),v=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-Dk0rKRlz.cjs");var f=Object.defineProperty,b=Object.getOwnPropertyDescriptor,a=(u,t,e,s)=>{for(var i=s>1?void 0:s?b(t,e):t,l=u.length-1,n;l>=0;l--)(n=u[l])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&f(t,e,i),i};exports.PktSelect=class extends d.PktInputElement{constructor(){super(),this.inputRef=h.e(),this.helptextSlot=h.e(),this.options=[],this.value="",this._options=[],this.selectedIndex=-1,this.selectedOptions=void 0,this.optionsController=new c.PktOptionsSlotController(this),this.slotController=new v.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){super.connectedCallback();const t=this.options.length>0,e=this.optionsController.nodes.length&&this.optionsController.nodes.length>0;!t&&e?this.optionsController.nodes.forEach(s=>{const i={value:s.hasAttribute("value")?s.getAttribute("value")??"":s.textContent??"",label:s.textContent||s.getAttribute("value")||"",disabled:s.hasAttribute("disabled"),hidden:s.hasAttribute("data-hidden")};s.getAttribute("selected")&&!this.value&&(this.value=i.value),this._options.push(i)}):(this._options=this.options,this._options.forEach(s=>{s.selected&&!this.value&&(this.value=s.value)}))}add(t,e){var s,i,l;(s=this.inputRef.value)==null||s.add(t,e),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((i=this.inputRef.value)==null?void 0:i.selectedIndex),this.selectedOptions=(l=this.inputRef.value)==null?void 0:l.selectedOptions),this.requestUpdate()}remove(t){var e,s;typeof t=="number"&&(this.selectedIndex===t&&(this.value=((e=this._options[0])==null?void 0:e.value)||""),(s=this.inputRef.value)==null||s.remove(t))}item(t){var e;return(e=this.inputRef.value)==null?void 0:e.item(t)}namedItem(t){var e;return(e=this.inputRef.value)==null?void 0:e.namedItem(t)}showPicker(){var t;(t=this.inputRef.value)==null||t.showPicker()}attributeChangedCallback(t,e,s){var i,l;t==="options"&&(this._options=s?JSON.parse(s):[]),t==="value"&&this.value!==e&&(this.selectedIndex=this.touched?this.returnNumberOrNull((i=this.inputRef.value)==null?void 0:i.selectedIndex):this.options.findIndex(n=>n.value===s),this.selectedOptions=(l=this.inputRef.value)==null?void 0:l.selectedOptions,this.valueChanged(s,e)),super.attributeChangedCallback(t,e,s)}update(t){var e,s;super.update(t),t.has("value")&&this.value!==t.get("value")&&(this.selectedIndex=this.touched?this.returnNumberOrNull((e=this.inputRef.value)==null?void 0:e.selectedIndex):this.options.findIndex(i=>i.value===this.value),this.selectedOptions=(s=this.inputRef.value)==null?void 0:s.selectedOptions,this.valueChanged(this.value,t.get("value"))),t.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(t){var e;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(s=>s.value===this.value),this.selectedOptions=(e=this.inputRef.value)==null?void 0:e.selectedOptions}render(){const t=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return r.x`
+"use strict";const r=require("./element-6DBpyGQm.cjs"),p=require("./state-DPobt-Yz.cjs"),h=require("./ref-iJtiv3o2.cjs"),o=require("./if-defined-Cni-RHLS.cjs"),d=require("./input-element-CHjLWeKt.cjs"),c=require("./pkt-options-controller-CiuBG6Lt.cjs"),v=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-BxZf8wEP.cjs");var f=Object.defineProperty,b=Object.getOwnPropertyDescriptor,a=(u,t,e,s)=>{for(var i=s>1?void 0:s?b(t,e):t,l=u.length-1,n;l>=0;l--)(n=u[l])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&f(t,e,i),i};exports.PktSelect=class extends d.PktInputElement{constructor(){super(),this.inputRef=h.e(),this.helptextSlot=h.e(),this.options=[],this.value="",this._options=[],this.selectedIndex=-1,this.selectedOptions=void 0,this.optionsController=new c.PktOptionsSlotController(this),this.slotController=new v.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){super.connectedCallback();const t=this.options.length>0,e=this.optionsController.nodes.length&&this.optionsController.nodes.length>0;!t&&e?this.optionsController.nodes.forEach(s=>{const i={value:s.hasAttribute("value")?s.getAttribute("value")??"":s.textContent??"",label:s.textContent||s.getAttribute("value")||"",disabled:s.hasAttribute("disabled"),hidden:s.hasAttribute("data-hidden")};s.getAttribute("selected")&&!this.value&&(this.value=i.value),this._options.push(i)}):(this._options=this.options,this._options.forEach(s=>{s.selected&&!this.value&&(this.value=s.value)}))}add(t,e){var s,i,l;(s=this.inputRef.value)==null||s.add(t,e),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((i=this.inputRef.value)==null?void 0:i.selectedIndex),this.selectedOptions=(l=this.inputRef.value)==null?void 0:l.selectedOptions),this.requestUpdate()}remove(t){var e,s;typeof t=="number"&&(this.selectedIndex===t&&(this.value=((e=this._options[0])==null?void 0:e.value)||""),(s=this.inputRef.value)==null||s.remove(t))}item(t){var e;return(e=this.inputRef.value)==null?void 0:e.item(t)}namedItem(t){var e;return(e=this.inputRef.value)==null?void 0:e.namedItem(t)}showPicker(){var t;(t=this.inputRef.value)==null||t.showPicker()}attributeChangedCallback(t,e,s){var i,l;t==="options"&&(this._options=s?JSON.parse(s):[]),t==="value"&&this.value!==e&&(this.selectedIndex=this.touched?this.returnNumberOrNull((i=this.inputRef.value)==null?void 0:i.selectedIndex):this.options.findIndex(n=>n.value===s),this.selectedOptions=(l=this.inputRef.value)==null?void 0:l.selectedOptions,this.valueChanged(s,e)),super.attributeChangedCallback(t,e,s)}update(t){var e,s;super.update(t),t.has("value")&&this.value!==t.get("value")&&(this.selectedIndex=this.touched?this.returnNumberOrNull((e=this.inputRef.value)==null?void 0:e.selectedIndex):this.options.findIndex(i=>i.value===this.value),this.selectedOptions=(s=this.inputRef.value)==null?void 0:s.selectedOptions,this.valueChanged(this.value,t.get("value"))),t.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(t){var e;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(s=>s.value===this.value),this.selectedOptions=(e=this.inputRef.value)==null?void 0:e.selectedOptions}render(){const t=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return r.x`
       <pkt-input-wrapper
         ?counter=${this.counter}
         ?disabled=${this.disabled}

package/dist/{state-BxrO4zNJ.js → state-Bo2bck5_.js}

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

package/dist/{state-D-Recv7U.cjs → state-DPobt-Yz.cjs}

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

package/dist/{tag-m7OTZaCG.js → tag-BWm6s48d.js}

@@ -1,10 +1,10 @@
-import { e as u } from "./class-map-m7ZCZ49w.js";
-import { P as m, x as l, n as r, a as g } from "./element-gAd63VwC.js";
-import { r as k } from "./state-BxrO4zNJ.js";
+import { e as u } from "./class-map-BpTj9gtz.js";
+import { P as m, x as l, n as r, a as g } from "./element-CgEWt74-.js";
+import { r as k } from "./state-Bo2bck5_.js";
 import { P as y } from "./pkt-slot-controller-BPGj-LC5.js";
-import { e as b, n as f } from "./ref-DnSbnXsj.js";
-import "./icon-CO1TLSs5.js";
-import { o as d } from "./if-defined-Cj-3Kdsr.js";
+import { e as b, n as f } from "./ref-BBYSqgeW.js";
+import "./icon-CC1js8eR.js";
+import { o as d } from "./if-defined-CmuO4Vz9.js";
 const _ = {
   closeTag: {
     default: !1

package/dist/{tag-DrbI0ng3.cjs → tag-DPk3fpEg.cjs}

@@ -1,4 +1,4 @@
-"use strict";const u=require("./class-map-DWDPOqjO.cjs"),t=require("./element-90YeMNbV.cjs"),k=require("./state-D-Recv7U.cjs"),g=require("./pkt-slot-controller-BzddBp7z.cjs"),c=require("./ref-B-w1vCo8.cjs");require("./icon-B1_BRNqf.cjs");const h=require("./if-defined-C8eotHpL.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-BBG2gMX4.cjs"),t=require("./element-6DBpyGQm.cjs"),k=require("./state-DPobt-Yz.cjs"),g=require("./pkt-slot-controller-BzddBp7z.cjs"),c=require("./ref-iJtiv3o2.cjs");require("./icon-B_ryAy4Q.cjs");const h=require("./if-defined-Cni-RHLS.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/{textarea-Dc1sUaxx.cjs → textarea-CViiuZdR.cjs}

@@ -1,4 +1,4 @@
-"use strict";const s=require("./element-90YeMNbV.cjs"),p=require("./if-defined-C8eotHpL.cjs"),c=require("./state-D-Recv7U.cjs"),l=require("./ref-B-w1vCo8.cjs"),$=require("./class-map-DWDPOqjO.cjs"),a=require("./directive-C7oCP5Bh.cjs"),d=require("./directive-helpers-v9b0v7lu.cjs"),x=require("./input-element-CInrWeac.cjs"),T=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-Dk0rKRlz.cjs");require("./icon-B1_BRNqf.cjs");/**
+"use strict";const s=require("./element-6DBpyGQm.cjs"),p=require("./if-defined-Cni-RHLS.cjs"),c=require("./state-DPobt-Yz.cjs"),l=require("./ref-iJtiv3o2.cjs"),$=require("./class-map-BBG2gMX4.cjs"),a=require("./directive-C7oCP5Bh.cjs"),d=require("./directive-helpers-BBbxqP2W.cjs"),x=require("./input-element-CHjLWeKt.cjs"),T=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-BxZf8wEP.cjs");require("./icon-B_ryAy4Q.cjs");/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{textarea-Dk8hQMD2.js → textarea-EIFo7GZz.js}

@@ -1,14 +1,14 @@
-import { T as l, E as $, x as f, n as d, a as g } from "./element-gAd63VwC.js";
-import { o as u } from "./if-defined-Cj-3Kdsr.js";
-import { r as x } from "./state-BxrO4zNJ.js";
-import { e as m, n as c } from "./ref-DnSbnXsj.js";
-import { e as v } from "./class-map-m7ZCZ49w.js";
+import { T as l, E as $, x as f, n as d, a as g } from "./element-CgEWt74-.js";
+import { o as u } from "./if-defined-CmuO4Vz9.js";
+import { r as x } from "./state-Bo2bck5_.js";
+import { e as m, n as c } from "./ref-BBYSqgeW.js";
+import { e as v } from "./class-map-BpTj9gtz.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--4ibN__v.js";
-import { P as C } from "./input-element-BEvaQK4g.js";
+import { f as y, m as w } from "./directive-helpers-r-kOS_Mf.js";
+import { P as C } from "./input-element-Cco4PA2M.js";
 import { P as E } from "./pkt-slot-controller-BPGj-LC5.js";
-import "./input-wrapper-CC_R5w7V.js";
-import "./icon-CO1TLSs5.js";
+import "./input-wrapper-gz7ppKrK.js";
+import "./icon-CC1js8eR.js";
 /**
  * @license
  * Copyright 2020 Google LLC

package/dist/{textinput-6Ip-0aVY.js → textinput-BHS7b-Jt.js}

@@ -1,12 +1,12 @@
-import { E as p, x as h, n as a, a as $ } from "./element-gAd63VwC.js";
-import { o as u } from "./if-defined-Cj-3Kdsr.js";
-import { r as f } from "./state-BxrO4zNJ.js";
-import { e as m, n as d } from "./ref-DnSbnXsj.js";
-import { e as g } from "./class-map-m7ZCZ49w.js";
-import { P as x } from "./input-element-BEvaQK4g.js";
+import { E as p, x as h, n as a, a as $ } from "./element-CgEWt74-.js";
+import { o as u } from "./if-defined-CmuO4Vz9.js";
+import { r as f } from "./state-Bo2bck5_.js";
+import { e as m, n as d } from "./ref-BBYSqgeW.js";
+import { e as g } from "./class-map-BpTj9gtz.js";
+import { P as x } from "./input-element-Cco4PA2M.js";
 import { P as y } from "./pkt-slot-controller-BPGj-LC5.js";
-import "./input-wrapper-CC_R5w7V.js";
-import "./icon-CO1TLSs5.js";
+import "./input-wrapper-gz7ppKrK.js";
+import "./icon-CC1js8eR.js";
 var v = Object.defineProperty, b = Object.getOwnPropertyDescriptor, o = (e, i, r, t) => {
   for (var n = t > 1 ? void 0 : t ? b(i, r) : i, l = e.length - 1, c; l >= 0; l--)
     (c = e[l]) && (n = (t ? c(i, r, n) : c(n)) || n);

package/dist/{textinput-DuLZ26DB.cjs → textinput-_ZdyMA9O.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-90YeMNbV.cjs"),a=require("./if-defined-C8eotHpL.cjs"),l=require("./state-D-Recv7U.cjs"),h=require("./ref-B-w1vCo8.cjs"),c=require("./class-map-DWDPOqjO.cjs"),x=require("./input-element-CInrWeac.cjs"),d=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-Dk0rKRlz.cjs");require("./icon-B1_BRNqf.cjs");var $=Object.defineProperty,f=Object.getOwnPropertyDescriptor,r=(u,i,s,n)=>{for(var e=n>1?void 0:n?f(i,s):i,o=u.length-1,p;o>=0;o--)(p=u[o])&&(e=(n?p(i,s,e):p(e))||e);return n&&e&&$(i,s,e),e};exports.PktTextinput=class extends x.PktInputElement{constructor(){super(),this.inputRef=h.e(),this.helptextSlot=h.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 d.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-6DBpyGQm.cjs"),a=require("./if-defined-Cni-RHLS.cjs"),l=require("./state-DPobt-Yz.cjs"),h=require("./ref-iJtiv3o2.cjs"),c=require("./class-map-BBG2gMX4.cjs"),x=require("./input-element-CHjLWeKt.cjs"),d=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-BxZf8wEP.cjs");require("./icon-B_ryAy4Q.cjs");var $=Object.defineProperty,f=Object.getOwnPropertyDescriptor,r=(u,i,s,n)=>{for(var e=n>1?void 0:n?f(i,s):i,o=u.length-1,p;o>=0;o--)(p=u[o])&&(e=(n?p(i,s,e):p(e))||e);return n&&e&&$(i,s,e),e};exports.PktTextinput=class extends x.PktInputElement{constructor(){super(),this.inputRef=h.e(),this.helptextSlot=h.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 d.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "12.42.11",
+  "version": "12.42.13",
   "description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -31,7 +31,7 @@
   },
   "devDependencies": {
     "@oslokommune/punkt-assets": "^12.42.11",
-    "@oslokommune/punkt-css": "^12.42.11",
+    "@oslokommune/punkt-css": "^12.42.13",
     "sass": "^1.78.0",
     "typescript": "^5.6.2",
     "vite": "^5.4.18",
@@ -58,5 +58,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "f5831df3345ab47a5fb829d207aaf7b05fa14b30"
+  "gitHead": "81079783b4ede62d8be446f042cbe3d61a3b5061"
 }

package/src/components/heading/heading.ts

@@ -1,9 +1,6 @@
-import { PktElement } from '@/base-elements/element'
-import { PktSlotController } from '@/controllers/pkt-slot-controller'
-import { html } from 'lit'
+import { PktShadowElement } from '@/base-elements/element'
+import { html, PropertyValues } from 'lit'
 import { customElement, property } from 'lit/decorators.js'
-import { classMap } from 'lit/directives/class-map.js'
-import { createRef, ref, Ref } from 'lit/directives/ref.js'
 
 export type TPktHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6
 export type TPktHeadingSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'
@@ -11,49 +8,79 @@ export type TPktHeadingSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'
 export interface IPktHeading {
   size?: TPktHeadingSize
   level?: TPktHeadingLevel
-  spacing?: boolean
   visuallyHidden?: boolean
-  textAlign?: 'start' | 'center' | 'end'
+  align?: 'start' | 'center' | 'end'
 }
 
 @customElement('pkt-heading')
-export class PktHeading extends PktElement<IPktHeading> implements IPktHeading {
-  defaultSlot: Ref<HTMLElement> = createRef()
-
-  constructor() {
-    super()
-    this.slotController = new PktSlotController(this, this.defaultSlot)
-  }
-
+export class PktHeading extends PktShadowElement<IPktHeading> implements IPktHeading {
   @property({ type: String, reflect: true }) size: TPktHeadingSize = 'medium'
   @property({ type: Number, reflect: true }) level: TPktHeadingLevel = 2
-  @property({ type: Boolean, reflect: true }) noSpacing: boolean = true
   @property({ type: Boolean, reflect: true }) visuallyHidden: boolean = false
   @property({ type: String, reflect: true }) align: 'start' | 'center' | 'end' = 'start'
 
-  render() {
-    const classes = {
-      'pkt-heading': true,
-      [`pkt-heading--${this.size}`]: this.size,
-      'pkt-heading--noSpacing': this.noSpacing,
-      'pkt-sr-only': this.visuallyHidden,
-      [`pkt-heading--${this.align}`]: this.align,
+  connectedCallback(): void {
+    super.connectedCallback()
+    this.setAttribute('role', 'heading')
+    this.setAttribute('aria-level', String(this.level))
+    this.updateHostClasses()
+  }
+
+  attributeChangedCallback(name: string, _old: string | null, value: string | null): void {
+    super.attributeChangedCallback(name, _old, value)
+    if (name === 'level' && value) {
+      this.setLevel(Number(value) as TPktHeadingLevel)
+    }
+    if (name === 'size' || name === 'visuallyHidden' || name === 'align') {
+      this.updateHostClasses()
     }
+  }
 
-    switch (this.level) {
-      case 2:
-        return html`<h2 class=${classMap(classes)} ${ref(this.defaultSlot)}></h2>`
-      case 3:
-        return html`<h3 class=${classMap(classes)} ${ref(this.defaultSlot)}></h3>`
-      case 4:
-        return html`<h4 class=${classMap(classes)} ${ref(this.defaultSlot)}></h4>`
-      case 5:
-        return html`<h5 class=${classMap(classes)} ${ref(this.defaultSlot)}></h5>`
-      case 6:
-        return html`<h6 class=${classMap(classes)} ${ref(this.defaultSlot)}></h6>`
-      case 1:
-      default:
-        return html`<h1 class=${classMap(classes)} ${ref(this.defaultSlot)}></h1>`
+  protected updated(_changedProperties: PropertyValues): void {
+    super.updated(_changedProperties)
+    if (_changedProperties.has('level')) {
+      this.setLevel(this.level)
+    }
+    if (
+      _changedProperties.has('size') ||
+      _changedProperties.has('visuallyHidden') ||
+      _changedProperties.has('align')
+    ) {
+      this.updateHostClasses()
     }
   }
+
+  private setLevel(level: TPktHeadingLevel): void {
+    if (level >= 1 && level <= 6) {
+      this.level = level
+      this.setAttribute('aria-level', String(level))
+    } else {
+      console.warn(`Invalid heading level: ${level}. Must be between 1 and 6.`)
+    }
+  }
+
+  private updateHostClasses() {
+    // Remove all possible classes first
+    this.classList.remove(
+      'pkt-heading',
+      'pkt-heading--xsmall',
+      'pkt-heading--small',
+      'pkt-heading--medium',
+      'pkt-heading--large',
+      'pkt-heading--xlarge',
+      'pkt-sr-only',
+      'pkt-heading--start',
+      'pkt-heading--center',
+      'pkt-heading--end',
+    )
+    // Add current classes
+    this.classList.add('pkt-heading')
+    if (this.size) this.classList.add(`pkt-heading--${this.size}`)
+    if (this.visuallyHidden) this.classList.add('pkt-sr-only')
+    if (this.align) this.classList.add(`pkt-heading--${this.align}`)
+  }
+
+  render() {
+    return html`<slot></slot>`
+  }
 }