@oslokommune/punkt-elements 12.30.2 → 12.31.0

package/dist/{ref-BSGI8ogR.js → ref-DbOSDQbk.js}

@@ -1,31 +1,32 @@
-import { Z as u, i as g, b as p, e as Y, E as d } from "./element-D_ZgQsSr.js";
+import { Z as u, E as d } from "./element-C7XjZtLU.js";
+import { i as p, t as g, e as Y } from "./directive-B76A7YXI.js";
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { I: C } = u, b = (t) => t.strings === void 0, f = () => document.createComment(""), H = (t, s, e) => {
-  var h;
+const { I: m } = u, C = (t) => t.strings === void 0, f = () => document.createComment(""), I = (t, s, e) => {
+  var o;
   const i = t._$AA.parentNode, n = s === void 0 ? t._$AB : s._$AA;
   if (e === void 0) {
     const c = i.insertBefore(f(), n), $ = i.insertBefore(f(), n);
-    e = new C(c, $, t, t.options);
+    e = new m(c, $, t, t.options);
   } else {
     const c = e._$AB.nextSibling, $ = e._$AM, l = $ !== t;
     if (l) {
-      let o;
-      (h = e._$AQ) == null || h.call(e, t), e._$AM = t, e._$AP !== void 0 && (o = t._$AU) !== $._$AU && e._$AP(o);
+      let h;
+      (o = e._$AQ) == null || o.call(e, t), e._$AM = t, e._$AP !== void 0 && (h = t._$AU) !== $._$AU && e._$AP(h);
     }
     if (c !== n || l) {
-      let o = e._$AA;
-      for (; o !== c; ) {
-        const v = o.nextSibling;
-        i.insertBefore(o, n), o = v;
+      let h = e._$AA;
+      for (; h !== c; ) {
+        const v = h.nextSibling;
+        i.insertBefore(h, n), h = v;
       }
     }
   }
   return e;
-}, I = (t, s, e = t) => (t._$AI(s, e), t), m = {}, S = (t, s = m) => t._$AH = s, k = (t) => t._$AH, P = (t) => {
+}, S = (t, s, e = t) => (t._$AI(s, e), t), M = {}, k = (t, s = M) => t._$AH = s, P = (t) => t._$AH, T = (t) => {
   var i;
   (i = t._$AP) == null || i.call(t, !1, !0);
   let s = t._$AA;
@@ -60,19 +61,19 @@ const r = (t, s) => {
     e.add(t), x(s);
   }
 };
-function M(t) {
+function b(t) {
   this._$AN !== void 0 ? (A(this), this._$AM = t, a(this)) : this._$AM = t;
 }
 function N(t, s = !1, e = 0) {
   const i = this._$AH, n = this._$AN;
-  if (n !== void 0 && n.size !== 0) if (s) if (Array.isArray(i)) for (let h = e; h < i.length; h++) r(i[h], !1), A(i[h]);
+  if (n !== void 0 && n.size !== 0) if (s) if (Array.isArray(i)) for (let o = e; o < i.length; o++) r(i[o], !1), A(i[o]);
   else i != null && (r(i, !1), A(i));
   else r(this, t);
 }
 const x = (t) => {
-  t.type == p.CHILD && (t._$AP ?? (t._$AP = N), t._$AQ ?? (t._$AQ = M));
+  t.type == g.CHILD && (t._$AP ?? (t._$AP = N), t._$AQ ?? (t._$AQ = b));
 };
-class w extends g {
+class w extends p {
   constructor() {
     super(...arguments), this._$AN = void 0;
   }
@@ -84,7 +85,7 @@ class w extends g {
     s !== this.isConnected && (this.isConnected = s, s ? (i = this.reconnected) == null || i.call(this) : (n = this.disconnected) == null || n.call(this)), e && (r(this, s), A(this));
   }
   setValue(s) {
-    if (b(this._$Ct)) this._$Ct._$AI(s, this);
+    if (C(this._$Ct)) this._$Ct._$AI(s, this);
     else {
       const e = [...this._$Ct._$AH];
       e[this._$Ci] = s, this._$Ct._$AI(e, this, 0);
@@ -100,10 +101,10 @@ class w extends g {
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const T = () => new B();
+const U = () => new B();
 class B {
 }
-const _ = /* @__PURE__ */ new WeakMap(), U = Y(class extends w {
+const _ = /* @__PURE__ */ new WeakMap(), z = Y(class extends w {
   render(t) {
     return d;
   }
@@ -131,12 +132,12 @@ const _ = /* @__PURE__ */ new WeakMap(), U = Y(class extends w {
   }
 });
 export {
-  P as M,
-  T as e,
-  b as f,
-  S as m,
-  U as n,
-  k as p,
-  H as r,
-  I as v
+  T as M,
+  U as e,
+  C as f,
+  k as m,
+  z as n,
+  P as p,
+  I as r,
+  S as v
 };

package/dist/{select-CnizDIYN.js → select-CzuxXKll.js}

@@ -1,10 +1,10 @@
-import { x as p, n as b, a as f } from "./element-D_ZgQsSr.js";
-import { r as v } from "./state-DuS4ffEQ.js";
-import { e as u, n as d } from "./ref-BSGI8ogR.js";
-import { o as r } from "./if-defined-u8oGOhnv.js";
-import { P as $ } from "./input-element-B6BTwL1q.js";
+import { x as p, n as b, a as f } from "./element-C7XjZtLU.js";
+import { r as v } from "./state-CDQk0DFQ.js";
+import { e as u, n as d } from "./ref-DbOSDQbk.js";
+import { o as r } from "./if-defined-eRX4e5zO.js";
+import { P as $ } from "./input-element-BK8UkQli.js";
 import { i as c, P as m } from "./pkt-slot-controller-Clbye6cM.js";
-import "./input-wrapper-D-pEAZaj.js";
+import "./input-wrapper-DaZZq8c0.js";
 class g {
   constructor(t) {
     this.nodes = [], this.options = [], this.host = t, this.host.addController(this), this.nodes = [], this.options = [], this.observer = new MutationObserver((e) => this.handleMutations(e));

package/dist/{select-DJu4Wr1y.cjs → select-DZL6aa2s.cjs}

@@ -1,4 +1,4 @@
-"use strict";const l=require("./element-r-PeQ419.cjs"),d=require("./state-B77EXPZ9.cjs"),a=require("./ref-BUWgvhgU.cjs"),o=require("./if-defined-CWHk9Kqm.cjs"),c=require("./input-element-KOSm5htR.cjs"),u=require("./pkt-slot-controller-Oc32unDk.cjs");require("./input-wrapper-Dqj4uers.cjs");class b{constructor(t){this.nodes=[],this.options=[],this.host=t,this.host.addController(this),this.nodes=[],this.options=[],this.observer=new MutationObserver(e=>this.handleMutations(e))}hostConnected(){Array.from(this.host.childNodes).forEach(t=>{(t.nodeName==="OPTION"||t.nodeName==="DATA")&&this.addNode(t)}),this.observer.observe(this.host,{childList:!0})}hostDisconnected(){this.observer.disconnect()}addNode(t){(t.nodeName==="OPTION"||t.nodeName==="DATA")&&(t.setAttribute("class","pkt-hide"),t.setAttribute("aria-hidden","true"),t.setAttribute("data-skip","true"),this.nodes.push(t))}createOptions(){this.options=this.nodes.map(t=>({value:t.getAttribute("value")||t.textContent||"",label:t.textContent||t.getAttribute("value")||"",selected:!!t.getAttribute("selected"),disabled:!!t.getAttribute("disabled")})),this.host.setAttribute("options",JSON.stringify(this.options))}handleMutations(t){let e=!1;t.forEach(s=>{s.type==="childList"&&(s.addedNodes.forEach(i=>{u.isOptionElement(i)&&(this.addNode(i),e=!0)}),s.removedNodes.forEach(i=>{u.isOptionElement(i)&&(this.nodes=this.nodes.filter(r=>r!==i),e=!0)}))}),e&&this.createOptions()}}var v=Object.defineProperty,f=Object.getOwnPropertyDescriptor,h=(n,t,e,s)=>{for(var i=s>1?void 0:s?f(t,e):t,r=n.length-1,p;r>=0;r--)(p=n[r])&&(i=(s?p(t,e,i):p(i))||i);return s&&i&&v(t,e,i),i};exports.PktSelect=class extends c.PktInputElement{constructor(){super(),this.inputRef=a.e(),this.helptextSlot=a.e(),this.options=[],this.value="",this._options=[],this.optionsController=new b(this),this.slotController=new u.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.getAttribute("value")||s.textContent||"",label:s.textContent||s.getAttribute("value")||"",disabled:!!s.getAttribute("disabled")};s.getAttribute("selected")&&!this.value&&(this.value=i.value),this._options.push(i)}):this._options=this.options}attributeChangedCallback(t,e,s){t==="options"&&(this._options=s?JSON.parse(s):[]),t==="value"&&this.value!==e&&this.valueChanged(s,e),super.attributeChangedCallback(t,e,s)}updated(t){var e;super.updated(t),t.has("value")&&(this.counterCurrent=((e=this.value)==null?void 0:e.length)||0,this.valueChanged(this.value,t.get("value"))),t.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(t){super.firstUpdated(t),this.options.length&&(this._options=this.options)}render(){const t=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return l.x`
+"use strict";const l=require("./element-CzFXQBoS.cjs"),d=require("./state-HNj0_316.cjs"),a=require("./ref-2anvRHT4.cjs"),o=require("./if-defined-CpIkv1A4.cjs"),c=require("./input-element-Dtyuf6s8.cjs"),u=require("./pkt-slot-controller-Oc32unDk.cjs");require("./input-wrapper-Bo2_t6pA.cjs");class b{constructor(t){this.nodes=[],this.options=[],this.host=t,this.host.addController(this),this.nodes=[],this.options=[],this.observer=new MutationObserver(e=>this.handleMutations(e))}hostConnected(){Array.from(this.host.childNodes).forEach(t=>{(t.nodeName==="OPTION"||t.nodeName==="DATA")&&this.addNode(t)}),this.observer.observe(this.host,{childList:!0})}hostDisconnected(){this.observer.disconnect()}addNode(t){(t.nodeName==="OPTION"||t.nodeName==="DATA")&&(t.setAttribute("class","pkt-hide"),t.setAttribute("aria-hidden","true"),t.setAttribute("data-skip","true"),this.nodes.push(t))}createOptions(){this.options=this.nodes.map(t=>({value:t.getAttribute("value")||t.textContent||"",label:t.textContent||t.getAttribute("value")||"",selected:!!t.getAttribute("selected"),disabled:!!t.getAttribute("disabled")})),this.host.setAttribute("options",JSON.stringify(this.options))}handleMutations(t){let e=!1;t.forEach(s=>{s.type==="childList"&&(s.addedNodes.forEach(i=>{u.isOptionElement(i)&&(this.addNode(i),e=!0)}),s.removedNodes.forEach(i=>{u.isOptionElement(i)&&(this.nodes=this.nodes.filter(r=>r!==i),e=!0)}))}),e&&this.createOptions()}}var v=Object.defineProperty,f=Object.getOwnPropertyDescriptor,h=(n,t,e,s)=>{for(var i=s>1?void 0:s?f(t,e):t,r=n.length-1,p;r>=0;r--)(p=n[r])&&(i=(s?p(t,e,i):p(i))||i);return s&&i&&v(t,e,i),i};exports.PktSelect=class extends c.PktInputElement{constructor(){super(),this.inputRef=a.e(),this.helptextSlot=a.e(),this.options=[],this.value="",this._options=[],this.optionsController=new b(this),this.slotController=new u.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.getAttribute("value")||s.textContent||"",label:s.textContent||s.getAttribute("value")||"",disabled:!!s.getAttribute("disabled")};s.getAttribute("selected")&&!this.value&&(this.value=i.value),this._options.push(i)}):this._options=this.options}attributeChangedCallback(t,e,s){t==="options"&&(this._options=s?JSON.parse(s):[]),t==="value"&&this.value!==e&&this.valueChanged(s,e),super.attributeChangedCallback(t,e,s)}updated(t){var e;super.updated(t),t.has("value")&&(this.counterCurrent=((e=this.value)==null?void 0:e.length)||0,this.valueChanged(this.value,t.get("value"))),t.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(t){super.firstUpdated(t),this.options.length&&(this._options=this.options)}render(){const t=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return l.x`
       <pkt-input-wrapper
         ?counter=${this.counter}
         ?disabled=${this.disabled}

package/dist/{state-DuS4ffEQ.js → state-CDQk0DFQ.js}

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

package/dist/{state-B77EXPZ9.cjs → state-HNj0_316.cjs}

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

package/dist/{tag-BFqxindw.js → tag-CHtPXyP5.js}

@@ -1,9 +1,9 @@
-import { e as h } from "./class-map-BYCG9U47.js";
-import { P as d, x as p, n as a, a as m } from "./element-D_ZgQsSr.js";
-import { r as y } from "./state-DuS4ffEQ.js";
+import { e as h } from "./class-map-DWtqmIRS.js";
+import { P as d, x as p, n as a, a as m } from "./element-C7XjZtLU.js";
+import { r as y } from "./state-CDQk0DFQ.js";
 import { P as g } from "./pkt-slot-controller-Clbye6cM.js";
-import { e as k, n as f } from "./ref-BSGI8ogR.js";
-import "./icon-BBFK-d-X.js";
+import { e as k, n as f } from "./ref-DbOSDQbk.js";
+import "./icon-BEUgV9Wo.js";
 const b = "pkt-tag", $ = !0, S = {
   closeTag: {
     type: "boolean",

package/dist/{tag-B3KEILId.cjs → tag-D6ARkq2Z.cjs}

@@ -1,4 +1,4 @@
-"use strict";const u=require("./class-map-Dzci3Pfe.cjs"),t=require("./element-r-PeQ419.cjs"),h=require("./state-B77EXPZ9.cjs"),g=require("./pkt-slot-controller-Oc32unDk.cjs"),c=require("./ref-BUWgvhgU.cjs");require("./icon-DcJIqTIY.cjs");const k="pkt-tag",d=!0,f={closeTag:{type:"boolean",required:!1,default:!1},size:{required:!1,default:"medium",type:["small","medium","large"]},iconName:{type:"icon",required:!1},skin:{required:!1,default:"blue",type:["blue","blue-light","blue-dark","green","red","beige","yellow","gray"]},textStyle:{required:!1,default:"normal-text",type:["thin-text","normal-text"]},type:{required:!1,default:"button",type:["button","submit","reset"]},ariaLabel:{type:"string",required:!1,default:"Lukk"}},y={default:{description:"Teksten til tag"}},l={name:k,"css-class":"pkt-tag",isElement:d,props:f,slots:y};var b=Object.defineProperty,m=Object.getOwnPropertyDescriptor,s=(o,e,a,r)=>{for(var i=r>1?void 0:r?m(e,a):e,n=o.length-1,p;n>=0;n--)(p=o[n])&&(i=(r?p(e,a,i):p(i))||i);return r&&i&&b(e,a,i),i};exports.PktTag=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.closeTag=l.props.closeTag.default,this.size=l.props.size.default,this.skin=l.props.skin.default,this.textStyle=null,this.iconName=void 0,this.type=l.props.type.default,this.ariaLabel=l.props.ariaLabel.default,this._isClosed=!1,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}render(){const e={"pkt-tag":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle},a={"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-Dj5mbCUg.cjs"),t=require("./element-CzFXQBoS.cjs"),h=require("./state-HNj0_316.cjs"),g=require("./pkt-slot-controller-Oc32unDk.cjs"),c=require("./ref-2anvRHT4.cjs");require("./icon-BOKusjAA.cjs");const k="pkt-tag",d=!0,f={closeTag:{type:"boolean",required:!1,default:!1},size:{required:!1,default:"medium",type:["small","medium","large"]},iconName:{type:"icon",required:!1},skin:{required:!1,default:"blue",type:["blue","blue-light","blue-dark","green","red","beige","yellow","gray"]},textStyle:{required:!1,default:"normal-text",type:["thin-text","normal-text"]},type:{required:!1,default:"button",type:["button","submit","reset"]},ariaLabel:{type:"string",required:!1,default:"Lukk"}},y={default:{description:"Teksten til tag"}},l={name:k,"css-class":"pkt-tag",isElement:d,props:f,slots:y};var b=Object.defineProperty,m=Object.getOwnPropertyDescriptor,s=(o,e,a,r)=>{for(var i=r>1?void 0:r?m(e,a):e,n=o.length-1,p;n>=0;n--)(p=o[n])&&(i=(r?p(e,a,i):p(i))||i);return r&&i&&b(e,a,i),i};exports.PktTag=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.closeTag=l.props.closeTag.default,this.size=l.props.size.default,this.skin=l.props.skin.default,this.textStyle=null,this.iconName=void 0,this.type=l.props.type.default,this.ariaLabel=l.props.ariaLabel.default,this._isClosed=!1,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}render(){const e={"pkt-tag":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle},a={"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(a)}
           type=${this.type}

package/dist/{textarea-uzzCtHtj.js → textarea-BPqWCymU.js}

@@ -1,34 +1,35 @@
-import { e as $, i as f, b as a, T as l, E as g, x, n as d, a as v } from "./element-D_ZgQsSr.js";
-import { o as u } from "./if-defined-u8oGOhnv.js";
-import { r as b } from "./state-DuS4ffEQ.js";
-import { f as T, m as y, e as c, n as m } from "./ref-BSGI8ogR.js";
-import { e as w } from "./class-map-BYCG9U47.js";
-import { P as C } from "./input-element-B6BTwL1q.js";
+import { T as l, E as $, x as f, n as d, a as g } from "./element-C7XjZtLU.js";
+import { o as u } from "./if-defined-eRX4e5zO.js";
+import { r as x } from "./state-CDQk0DFQ.js";
+import { f as v, m as b, e as c, n as m } from "./ref-DbOSDQbk.js";
+import { e as T } from "./class-map-DWtqmIRS.js";
+import { e as y, i as w, t as a } from "./directive-B76A7YXI.js";
+import { P as C } from "./input-element-BK8UkQli.js";
 import { P as E } from "./pkt-slot-controller-Clbye6cM.js";
-import "./input-wrapper-D-pEAZaj.js";
-import "./icon-BBFK-d-X.js";
+import "./input-wrapper-DaZZq8c0.js";
+import "./icon-BEUgV9Wo.js";
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const P = $(class extends f {
+const P = y(class extends w {
   constructor(t) {
     if (super(t), t.type !== a.PROPERTY && t.type !== a.ATTRIBUTE && t.type !== a.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings");
-    if (!T(t)) throw Error("`live` bindings can only contain a single expression");
+    if (!v(t)) throw Error("`live` bindings can only contain a single expression");
   }
   render(t) {
     return t;
   }
   update(t, [r]) {
-    if (r === l || r === g) return r;
+    if (r === l || r === $) return r;
     const e = t.element, i = t.name;
     if (t.type === a.PROPERTY) {
       if (r === e[i]) return l;
     } else if (t.type === a.BOOLEAN_ATTRIBUTE) {
       if (!!r === e.hasAttribute(i)) return l;
     } else if (t.type === a.ATTRIBUTE && e.getAttribute(i) === r + "") return l;
-    return y(t), r;
+    return b(t), r;
   }
 });
 var B = Object.defineProperty, I = Object.getOwnPropertyDescriptor, n = (t, r, e, i) => {
@@ -48,12 +49,12 @@ let o = class extends C {
     super.updated(t), t.has("value") && (this.counterCurrent = ((r = this.value) == null ? void 0 : r.length) || 0, this.valueChanged(this.value, t.get("value"))), t.has("id") && !this.name && this.id && (this.name = this.id);
   }
   render() {
-    const t = w({
+    const t = T({
       "pkt-input": !0,
       "pkt-input--fullwidth": this.fullwidth,
       "pkt-input--counter-error": this.counter && this.counterMaxLength && this.value.length && this.value.length > this.counterMaxLength
     }), r = this.ariaLabelledby || `${this.id}-input-label`;
-    return x`<pkt-input-wrapper
+    return f`<pkt-input-wrapper
       label=${this.label}
       ?counter=${this.counter}
       ?disabled=${this.disabled}
@@ -118,10 +119,10 @@ n([
   d({ type: Number })
 ], o.prototype, "rows", 2);
 n([
-  b()
+  x()
 ], o.prototype, "counterCurrent", 2);
 o = n([
-  v("pkt-textarea")
+  g("pkt-textarea")
 ], o);
 export {
   o as P

package/dist/textarea-VG-UTMLP.cjs

@@ -0,0 +1,49 @@
+"use strict";const s=require("./element-CzFXQBoS.cjs"),p=require("./if-defined-CpIkv1A4.cjs"),d=require("./state-HNj0_316.cjs"),o=require("./ref-2anvRHT4.cjs"),c=require("./class-map-Dj5mbCUg.cjs"),a=require("./directive-C_VV3qwo.cjs"),$=require("./input-element-Dtyuf6s8.cjs"),x=require("./pkt-slot-controller-Oc32unDk.cjs");require("./input-wrapper-Bo2_t6pA.cjs");require("./icon-BOKusjAA.cjs");/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const T=a.e(class extends a.i{constructor(r){if(super(r),r.type!==a.t.PROPERTY&&r.type!==a.t.ATTRIBUTE&&r.type!==a.t.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!o.f(r))throw Error("`live` bindings can only contain a single expression")}render(r){return r}update(r,[e]){if(e===s.T||e===s.E)return e;const i=r.element,t=r.name;if(r.type===a.t.PROPERTY){if(e===i[t])return s.T}else if(r.type===a.t.BOOLEAN_ATTRIBUTE){if(!!e===i.hasAttribute(t))return s.T}else if(r.type===a.t.ATTRIBUTE&&i.getAttribute(t)===e+"")return s.T;return o.m(r),e}});var g=Object.defineProperty,f=Object.getOwnPropertyDescriptor,l=(r,e,i,t)=>{for(var n=t>1?void 0:t?f(e,i):e,u=r.length-1,h;u>=0;u--)(h=r[u])&&(n=(t?h(e,i,n):h(n))||n);return t&&n&&g(e,i,n),n};exports.PktTextarea=class extends $.PktInputElement{constructor(){super(),this.inputRef=o.e(),this.helptextSlot=o.e(),this.value="",this.autocomplete="off",this.rows=null,this.counterCurrent=0,this.slotController=new x.PktSlotController(this,this.helptextSlot)}attributeChangedCallback(e,i,t){e==="value"&&this.value!==i&&(this.counterCurrent=t?t.length:0,this.valueChanged(t,i)),super.attributeChangedCallback(e,i,t)}updated(e){var i;super.updated(e),e.has("value")&&(this.counterCurrent=((i=this.value)==null?void 0:i.length)||0,this.valueChanged(this.value,e.get("value"))),e.has("id")&&!this.name&&this.id&&(this.name=this.id)}render(){const e=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}),i=this.ariaLabelledby||`${this.id}-input-label`;return s.x`<pkt-input-wrapper
+      label=${this.label}
+      ?counter=${this.counter}
+      ?disabled=${this.disabled}
+      ?hasError=${this.hasError}
+      ?inline=${this.inline}
+      ?optionalTag=${this.optionalTag}
+      ?required=${this.required}
+      ?requiredTag=${this.requiredTag}
+      ?useWrapper=${this.useWrapper}
+      .ariaDescribedBy=${this.ariaDescribedBy}
+      .counterCurrent=${this.counterCurrent}
+      .counterMaxLength=${this.counterMaxLength}
+      .errorMessage=${this.errorMessage}
+      .forId="${this.id+"-input"}"
+      .helptext=${this.helptext}
+      .helptextDropdown=${this.helptextDropdown}
+      .helptextDropdownButton=${this.helptextDropdownButton}
+      .optionalText=${this.optionalText}
+      .requiredText=${this.requiredText}
+      class="pkt-textarea"
+    >
+      <div class="pkt-contents" ${o.n(this.helptextSlot)} name="helptext" slot="helptext"></div>
+      <textarea
+        ${o.n(this.inputRef)}
+        class=${e}
+        id=${this.id+"-input"}
+        name=${(this.name||this.id)+"-input"}
+        placeholder=${p.o(this.placeholder)}
+        .value=${T(this.value)}
+        minlength=${p.o(this.minlength)}
+        maxlength=${p.o(this.maxlength)}
+        ?readonly=${this.readonly}
+        autocomplete=${this.autocomplete}
+        aria-labelledby=${i}
+        aria-invalid=${this.hasError}
+        aria-errormessage=${`${this.id}-error`}
+        rows=${this.rows}
+        ?disabled=${this.disabled}
+        @input=${t=>{this.value=t.target.value,this.onInput(),t.stopImmediatePropagation()}}
+        @change=${t=>{t.stopImmediatePropagation()}}
+        @focus=${t=>{this.onFocus(),t.stopImmediatePropagation()}}
+        @blur=${t=>{this.value=t.target.value,this.onBlur(),t.stopImmediatePropagation()}}
+      ></textarea>
+    </pkt-input-wrapper>`}};l([s.n({type:String,reflect:!0})],exports.PktTextarea.prototype,"value",2);l([s.n({type:String})],exports.PktTextarea.prototype,"autocomplete",2);l([s.n({type:Number})],exports.PktTextarea.prototype,"rows",2);l([d.r()],exports.PktTextarea.prototype,"counterCurrent",2);exports.PktTextarea=l([s.t("pkt-textarea")],exports.PktTextarea);

package/dist/{textinput-BRupcl9v.cjs → textinput-CEP7QA3E.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-r-PeQ419.cjs"),u=require("./if-defined-CWHk9Kqm.cjs"),l=require("./state-B77EXPZ9.cjs"),p=require("./ref-BUWgvhgU.cjs"),c=require("./class-map-Dzci3Pfe.cjs"),x=require("./input-element-KOSm5htR.cjs"),d=require("./pkt-slot-controller-Oc32unDk.cjs");require("./input-wrapper-Dqj4uers.cjs");require("./icon-DcJIqTIY.cjs");var $=Object.defineProperty,g=Object.getOwnPropertyDescriptor,r=(o,i,n,s)=>{for(var e=s>1?void 0:s?g(i,n):i,a=o.length-1,h;a>=0;a--)(h=o[a])&&(e=(s?h(i,n,e):h(e))||e);return s&&e&&$(i,n,e),e};exports.PktTextinput=class extends x.PktInputElement{constructor(){super(),this.inputRef=p.e(),this.helptextSlot=p.e(),this.value="",this.type="text",this.size=null,this.autocomplete="off",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,n,s){i==="value"&&this.value!==n&&(this.counterCurrent=s?s.length:0,this.valueChanged(s,n)),super.attributeChangedCallback(i,n,s)}updated(i){var n;super.updated(i),i.has("value")&&(this.counterCurrent=((n=this.value)==null?void 0:n.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,n=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}),s=this.ariaLabelledby||`${this.id}-input-label`;return t.x`
+"use strict";const t=require("./element-CzFXQBoS.cjs"),u=require("./if-defined-CpIkv1A4.cjs"),l=require("./state-HNj0_316.cjs"),p=require("./ref-2anvRHT4.cjs"),c=require("./class-map-Dj5mbCUg.cjs"),x=require("./input-element-Dtyuf6s8.cjs"),d=require("./pkt-slot-controller-Oc32unDk.cjs");require("./input-wrapper-Bo2_t6pA.cjs");require("./icon-BOKusjAA.cjs");var $=Object.defineProperty,g=Object.getOwnPropertyDescriptor,r=(o,i,n,s)=>{for(var e=s>1?void 0:s?g(i,n):i,a=o.length-1,h;a>=0;a--)(h=o[a])&&(e=(s?h(i,n,e):h(e))||e);return s&&e&&$(i,n,e),e};exports.PktTextinput=class extends x.PktInputElement{constructor(){super(),this.inputRef=p.e(),this.helptextSlot=p.e(),this.value="",this.type="text",this.size=null,this.autocomplete="off",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,n,s){i==="value"&&this.value!==n&&(this.counterCurrent=s?s.length:0,this.valueChanged(s,n)),super.attributeChangedCallback(i,n,s)}updated(i){var n;super.updated(i),i.has("value")&&(this.counterCurrent=((n=this.value)==null?void 0:n.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,n=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}),s=this.ariaLabelledby||`${this.id}-input-label`;return t.x`
       <pkt-input-wrapper
         label="${this.label}"
         ?counter=${this.counter}

package/dist/{textinput-DRkv93vp.js → textinput-VD74aGzx.js}

@@ -1,12 +1,12 @@
-import { x as p, E as h, n as o, a as $ } from "./element-D_ZgQsSr.js";
-import { o as c } from "./if-defined-u8oGOhnv.js";
-import { r as f } from "./state-DuS4ffEQ.js";
-import { e as d, n as m } from "./ref-BSGI8ogR.js";
-import { e as g } from "./class-map-BYCG9U47.js";
-import { P as x } from "./input-element-B6BTwL1q.js";
+import { x as p, E as h, n as o, a as $ } from "./element-C7XjZtLU.js";
+import { o as c } from "./if-defined-eRX4e5zO.js";
+import { r as f } from "./state-CDQk0DFQ.js";
+import { e as d, n as m } from "./ref-DbOSDQbk.js";
+import { e as g } from "./class-map-DWtqmIRS.js";
+import { P as x } from "./input-element-BK8UkQli.js";
 import { P as y } from "./pkt-slot-controller-Clbye6cM.js";
-import "./input-wrapper-D-pEAZaj.js";
-import "./icon-BBFK-d-X.js";
+import "./input-wrapper-DaZZq8c0.js";
+import "./icon-BEUgV9Wo.js";
 var v = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (i, e, r, t) => {
   for (var a = t > 1 ? void 0 : t ? b(e, r) : e, l = i.length - 1, u; l >= 0; l--)
     (u = i[l]) && (a = (t ? u(e, r, a) : u(a)) || a);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "12.30.2",
+  "version": "12.31.0",
   "description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -30,7 +30,7 @@
   },
   "devDependencies": {
     "@oslokommune/punkt-assets": "^12.30.1",
-    "@oslokommune/punkt-css": "^12.30.1",
+    "@oslokommune/punkt-css": "^12.31.0",
     "sass": "^1.78.0",
     "typescript": "^5.6.2",
     "vite": "^5.4.4",
@@ -57,5 +57,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "a4b93e347c6b9167efadde236794e42aafc18489"
+  "gitHead": "95a46dc5e5fcbab72e2c303c26127a95297c3e83"
 }

package/src/components/backlink/backlink.ts

@@ -0,0 +1,52 @@
+import { PktElement } from '@/base-elements/element'
+import { html } from 'lit'
+import { property, customElement } from 'lit/decorators.js'
+import { ifDefined } from 'lit/directives/if-defined.js'
+
+export interface IPktBackLink {
+  href?: string
+  text?: string
+  ariaLabel?: string
+}
+
+@customElement('pkt-backlink')
+export class PktBackLink extends PktElement<IPktBackLink> implements IPktBackLink {
+  // Properties
+
+  @property({ type: String, reflect: true }) href: string = ''
+  @property({ type: String, reflect: true }) text: string = 'Forsiden'
+  @property({ type: String, reflect: true }) ariaLabel: string = ''
+
+  // Lifecycle
+
+  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {
+    if (name === 'arialabel') {
+      this.removeAttribute('arialabel')
+    }
+    if (name === 'href') {
+      this.removeAttribute('href')
+    }
+    if (name === 'text') {
+      this.removeAttribute('text')
+    }
+    super.attributeChangedCallback(name, oldValue, newValue)
+  }
+
+  render() {
+    return html`<nav
+      class="pkt-back-link"
+      aria-label=${this.ariaLabel || 'Gå tilbake til forrige side'}
+    >
+      <a href=${ifDefined(this.href || '/')} class="pkt-link pkt-link--icon-left"
+        ><pkt-icon
+          class="pkt-back-link__icon pkt-icon pkt-link__icon"
+          name="chevron-thin-left"
+          aria-hidden="true"
+        ></pkt-icon
+        ><span class="pkt-back-link__text">${this.text}</span></a
+      >
+    </nav>`
+  }
+}
+
+export default PktBackLink

package/src/components/backlink/index.ts

@@ -0,0 +1,6 @@
+import { PktBackLink } from './backlink'
+
+export type { IPktBackLink } from './backlink'
+
+export { PktBackLink }
+export default PktBackLink

package/src/components/checkbox/checkbox.ts

@@ -16,7 +16,7 @@ export class PktCheckbox extends PktInputElement {
   @property({ type: Boolean }) isSwitch: boolean = false
   @property({ type: String }) labelPosition: 'right' | 'left' = 'right'
   @property({ type: Boolean }) hideLabel: boolean = false
-  @property({ type: Boolean, reflect: true }) checked: boolean | string = false
+  @property({ type: Boolean, reflect: true }) checked: boolean | string | null = null
   @property({ type: String, reflect: true }) type: string = 'checkbox'
 
   connectedCallback() {

package/src/components/index.ts

@@ -1,5 +1,6 @@
 // Export components
 export { PktAlert } from '@/components/alert'
+export { PktBackLink } from '@/components/backlink'
 export { PktButton } from '@/components/button'
 export { PktCalendar } from '@/components/calendar'
 export { PktCard } from '@/components/card'
@@ -49,4 +50,6 @@ export type { TTagSkin, TTagType } from '@/components/tag'
 
 export type { TSelectOption } from '@/components/select'
 
+export type { IPktBackLink } from '@/components/backlink'
+
 export type { IPktLoader, TPktLoaderVariant } from '@/components/loader'

package/src/components/radiobutton/radiobutton.ts

@@ -13,7 +13,7 @@ export class PktRadioButton extends PktInputElement {
   @property({ type: String }) checkHelptext: string | null = null
   @property({ type: Boolean }) defaultChecked: boolean = false
   @property({ type: Boolean }) hasTile: boolean = false
-  @property({ type: Boolean, reflect: true }) checked: boolean | string = false
+  @property({ type: Boolean, reflect: true }) checked: boolean | string | null = null
   @property({ type: String, reflect: true }) type: string = 'radio'
 
   @state() _checked: boolean = false
@@ -33,6 +33,16 @@ export class PktRadioButton extends PktInputElement {
   }
 
   updated(changedProperties: PropertyValues) {
+    if (changedProperties.has('checked') && this.checked !== null) {
+      this._checked = this.checked === '' || this.checked === 'true' || this.checked === true
+      const oldChecked =
+        changedProperties.get('checked') === '' ||
+        changedProperties.get('checked') === 'true' ||
+        changedProperties.get('checked') === true
+      if (oldChecked !== this._checked) {
+        this.toggleChecked()
+      }
+    }
     super.updated(changedProperties)
   }
 
@@ -76,8 +86,8 @@ export class PktRadioButton extends PktInputElement {
     `
   }
 
-  private toggleChecked(e: Event) {
-    e.stopImmediatePropagation()
+  private toggleChecked(e: Event | null = null) {
+    if (e) e.stopImmediatePropagation()
     this.touched = true
     if (this.inputRef.value) {
       this._checked = this.inputRef.value.matches(':checked')

package/dist/class-map-Dzci3Pfe.cjs

@@ -1,5 +0,0 @@
-"use strict";const n=require("./element-r-PeQ419.cjs");/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const a=n.e(class extends n.i{constructor(s){var e;if(super(s),s.type!==n.t$1.ATTRIBUTE||s.name!=="class"||((e=s.strings)==null?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(s){return" "+Object.keys(s).filter(e=>s[e]).join(" ")+" "}update(s,[e]){var i,o;if(this.st===void 0){this.st=new Set,s.strings!==void 0&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter(t=>t!=="")));for(const t in e)e[t]&&!((i=this.nt)!=null&&i.has(t))&&this.st.add(t);return this.render(e)}const r=s.element.classList;for(const t of this.st)t in e||(r.remove(t),this.st.delete(t));for(const t in e){const h=!!e[t];h===this.st.has(t)||(o=this.nt)!=null&&o.has(t)||(h?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)))}return n.T}});exports.e=a;