@oslokommune/punkt-elements 12.42.12 → 12.43.0

package/dist/{input-wrapper-DrJgi10C.cjs → input-wrapper-BxZf8wEP.cjs}

@@ -1,4 +1,4 @@
-"use strict";const g=require("./element-DUJa1sRq.cjs"),y=require("./pkt-slot-controller-BzddBp7z.cjs"),u=require("./ref-BMQZJJEo.cjs"),x=require("./if-defined-BQOEcjlp.cjs"),t=require("./lit-element-DHqqtYbj.cjs"),$=require("./icon-RJ9Op-BB.cjs"),c=require("./class-map-dph2jLEp.cjs"),I=require("./stringutils-CkVRq4jP.cjs"),o=require("./input-wrapper-EoSAbU-U.cjs");require("./helptext-BxHMB-XH.cjs");var P=Object.defineProperty,W=Object.getOwnPropertyDescriptor,e=(r,p,n,i)=>{for(var s=i>1?void 0:i?W(p,n):p,l=r.length-1,a;l>=0;l--)(a=r[l])&&(s=(i?a(p,n,s):a(s))||s);return i&&s&&P(p,n,s),s};const E={fromAttribute(r){return r==null?!1:r===""||r==="true"||r===!0?!0:r==="false"||r===!1?!1:!!r},toAttribute(r){return r?"true":"false"}};exports.PktInputWrapper=class extends g.PktElement{constructor(){super(),this.defaultSlot=u.e(),this.helptextSlot=u.e(),this.forId=I.uuidish(),this.label="",this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=o.specs.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition="bottom",this.optionalTag=o.specs.props.optionalTag.default,this.optionalText=o.specs.props.optionalText.default,this.requiredTag=o.specs.props.requiredTag.default,this.requiredText=o.specs.props.requiredText.default,this.hasError=o.specs.props.hasError.default,this.errorMessage="",this.disabled=o.specs.props.disabled.default,this.inline=o.specs.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=o.specs.props.hasFieldset.default,this.role="group",this.useWrapper=o.specs.props.useWrapper.default,this.slotController=new y.PktSlotController(this,this.defaultSlot,this.helptextSlot)}updated(p){super.updated(p)}render(){const p={"pkt-inputwrapper":!0,"pkt-inputwrapper--error":this.hasError,"pkt-inputwrapper--disabled":this.disabled,"pkt-inputwrapper--inline":this.inline},n={"pkt-tag":!0,"pkt-tag--small":!0,"pkt-tag--thin-text":!0,"pkt-tag--blue-light":this.optionalTag,"pkt-tag--beige":!this.optionalTag&&this.requiredTag},i=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:t.E,s=()=>this.optionalTag||this.requiredTag?t.x`<span class=${c.e(n)}
+"use strict";const t=require("./element-6DBpyGQm.cjs"),g=require("./pkt-slot-controller-BzddBp7z.cjs"),u=require("./ref-iJtiv3o2.cjs"),y=require("./if-defined-Cni-RHLS.cjs"),x=require("./icon-B_ryAy4Q.cjs"),c=require("./class-map-BBG2gMX4.cjs"),$=require("./stringutils-CkVRq4jP.cjs"),o=require("./input-wrapper-EoSAbU-U.cjs");require("./helptext-CzQX6YVE.cjs");var I=Object.defineProperty,P=Object.getOwnPropertyDescriptor,e=(r,p,n,i)=>{for(var s=i>1?void 0:i?P(p,n):p,l=r.length-1,a;l>=0;l--)(a=r[l])&&(s=(i?a(p,n,s):a(s))||s);return i&&s&&I(p,n,s),s};const W={fromAttribute(r){return r==null?!1:r===""||r==="true"||r===!0?!0:r==="false"||r===!1?!1:!!r},toAttribute(r){return r?"true":"false"}};exports.PktInputWrapper=class extends t.PktElement{constructor(){super(),this.defaultSlot=u.e(),this.helptextSlot=u.e(),this.forId=$.uuidish(),this.label="",this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=o.specs.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition="bottom",this.optionalTag=o.specs.props.optionalTag.default,this.optionalText=o.specs.props.optionalText.default,this.requiredTag=o.specs.props.requiredTag.default,this.requiredText=o.specs.props.requiredText.default,this.hasError=o.specs.props.hasError.default,this.errorMessage="",this.disabled=o.specs.props.disabled.default,this.inline=o.specs.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=o.specs.props.hasFieldset.default,this.role="group",this.useWrapper=o.specs.props.useWrapper.default,this.slotController=new g.PktSlotController(this,this.defaultSlot,this.helptextSlot)}updated(p){super.updated(p)}render(){const p={"pkt-inputwrapper":!0,"pkt-inputwrapper--error":this.hasError,"pkt-inputwrapper--disabled":this.disabled,"pkt-inputwrapper--inline":this.inline},n={"pkt-tag":!0,"pkt-tag--small":!0,"pkt-tag--thin-text":!0,"pkt-tag--blue-light":this.optionalTag,"pkt-tag--beige":!this.optionalTag&&this.requiredTag},i=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:t.E,s=()=>this.optionalTag||this.requiredTag?t.x`<span class=${c.e(n)}
           >${this.optionalTag?this.optionalText:this.requiredTag?this.requiredText:t.E}</span
         >`:t.E,l=()=>this.useWrapper?this.hasFieldset?t.x`<legend
             class="pkt-inputwrapper__legend"
@@ -22,7 +22,7 @@
           ${this.label}
         </label>`,a=()=>t.x`
         <pkt-helptext
-          class="${x.o(this.useWrapper?void 0:"pkt-hide")}"
+          class="${y.o(this.useWrapper?void 0:"pkt-hide")}"
           .forId=${this.forId}
           .helptext=${this.helptext}
           .helptextDropdown=${this.helptextDropdown}
@@ -42,7 +42,7 @@
           id="${this.forId}-error"
         >
           <pkt-icon name="alert-error" class="pkt-alert__icon"></pkt-icon>
-          <div class="pkt-alert__text">${$.o(this.errorMessage)}</div>
+          <div class="pkt-alert__text">${x.o(this.errorMessage)}</div>
         </div>`:t.E,d=()=>t.x`
         ${l()} ${a()}
         ${this.counterPosition==="top"?h():t.E}
@@ -50,4 +50,4 @@
         ${this.counterPosition==="bottom"?h():t.E} ${f()}
       `,k=()=>this.hasFieldset?t.x`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${i}">
             ${d()}
-          </fieldset>`:t.x`<div class="pkt-inputwrapper__fieldset">${d()}</div>`;return t.x`<div class=${c.e(p)}>${k()}</div> `}toggleDropdown(p){this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!1,detail:{isOpen:p.detail.isOpen}}))}handleLabelClick(p){this.disabled&&(p.preventDefault(),p.stopImmediatePropagation()),this.dispatchEvent(new CustomEvent("labelClick",{bubbles:!0,composed:!0,detail:"label clicked"}))}};e([t.n({type:String})],exports.PktInputWrapper.prototype,"forId",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"label",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptext",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdown",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdownButton",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"counter",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterCurrent",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterMaxLength",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"counterError",2);e([t.n({type:String,reflect:!1})],exports.PktInputWrapper.prototype,"counterPosition",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"optionalTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"optionalText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"requiredTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"requiredText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasError",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"errorMessage",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"disabled",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"inline",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"ariaDescribedby",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasFieldset",2);e([t.n({type:String,reflect:!0})],exports.PktInputWrapper.prototype,"role",2);e([t.n({type:Boolean,reflect:!0,converter:E})],exports.PktInputWrapper.prototype,"useWrapper",2);exports.PktInputWrapper=e([t.t("pkt-input-wrapper")],exports.PktInputWrapper);
+          </fieldset>`:t.x`<div class="pkt-inputwrapper__fieldset">${d()}</div>`;return t.x`<div class=${c.e(p)}>${k()}</div> `}toggleDropdown(p){this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!1,detail:{isOpen:p.detail.isOpen}}))}handleLabelClick(p){this.disabled&&(p.preventDefault(),p.stopImmediatePropagation()),this.dispatchEvent(new CustomEvent("labelClick",{bubbles:!0,composed:!0,detail:"label clicked"}))}};e([t.n({type:String})],exports.PktInputWrapper.prototype,"forId",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"label",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptext",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdown",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdownButton",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"counter",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterCurrent",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterMaxLength",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"counterError",2);e([t.n({type:String,reflect:!1})],exports.PktInputWrapper.prototype,"counterPosition",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"optionalTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"optionalText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"requiredTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"requiredText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasError",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"errorMessage",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"disabled",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"inline",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"ariaDescribedby",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasFieldset",2);e([t.n({type:String,reflect:!0})],exports.PktInputWrapper.prototype,"role",2);e([t.n({type:Boolean,reflect:!0,converter:W})],exports.PktInputWrapper.prototype,"useWrapper",2);exports.PktInputWrapper=e([t.t("pkt-input-wrapper")],exports.PktInputWrapper);

package/dist/{input-wrapper-BDm0DwAW.js → input-wrapper-gz7ppKrK.js}

@@ -1,13 +1,12 @@
-import { P as x } from "./element-Cfyyg4nF.js";
-import { P as k } from "./pkt-slot-controller-BPGj-LC5.js";
-import { e as f, n as b } from "./ref-DX488m2G.js";
-import { o as w } from "./if-defined-I-IZkUY2.js";
-import { E as l, x as i, n as o, t as v } from "./lit-element-DcUrSbRH.js";
-import { o as T } from "./icon-DPnB79MP.js";
-import { e as g } from "./class-map-DO0E7GkW.js";
+import { P as m, E as l, x as i, n as o, a as k } from "./element-CgEWt74-.js";
+import { P as w } from "./pkt-slot-controller-BPGj-LC5.js";
+import { e as f, n as b } from "./ref-BBYSqgeW.js";
+import { o as v } from "./if-defined-CmuO4Vz9.js";
+import { o as T } from "./icon-CC1js8eR.js";
+import { e as g } from "./class-map-BpTj9gtz.js";
 import { u as E } from "./stringutils-DJjRa8dG.js";
 import { s as p } from "./input-wrapper-8iKEzDRZ.js";
-import "./helptext-C7oP6VRp.js";
+import "./helptext-B7eI0iBQ.js";
 var _ = Object.defineProperty, S = Object.getOwnPropertyDescriptor, e = (r, h, a, n) => {
   for (var s = n > 1 ? void 0 : n ? S(h, a) : h, d = r.length - 1, u; d >= 0; d--)
     (u = r[d]) && (s = (n ? u(h, a, s) : u(s)) || s);
@@ -21,9 +20,9 @@ const D = {
     return r ? "true" : "false";
   }
 };
-let t = class extends x {
+let t = class extends m {
   constructor() {
-    super(), this.defaultSlot = f(), this.helptextSlot = f(), this.forId = E(), this.label = "", this.helptext = null, this.helptextDropdown = null, this.helptextDropdownButton = null, this.counter = p.props.counter.default, this.counterCurrent = 0, this.counterMaxLength = 0, this.counterError = null, this.counterPosition = "bottom", this.optionalTag = p.props.optionalTag.default, this.optionalText = p.props.optionalText.default, this.requiredTag = p.props.requiredTag.default, this.requiredText = p.props.requiredText.default, this.hasError = p.props.hasError.default, this.errorMessage = "", this.disabled = p.props.disabled.default, this.inline = p.props.inline.default, this.ariaDescribedby = void 0, this.hasFieldset = p.props.hasFieldset.default, this.role = "group", this.useWrapper = p.props.useWrapper.default, this.slotController = new k(this, this.defaultSlot, this.helptextSlot);
+    super(), this.defaultSlot = f(), this.helptextSlot = f(), this.forId = E(), this.label = "", this.helptext = null, this.helptextDropdown = null, this.helptextDropdownButton = null, this.counter = p.props.counter.default, this.counterCurrent = 0, this.counterMaxLength = 0, this.counterError = null, this.counterPosition = "bottom", this.optionalTag = p.props.optionalTag.default, this.optionalText = p.props.optionalText.default, this.requiredTag = p.props.requiredTag.default, this.requiredText = p.props.requiredText.default, this.hasError = p.props.hasError.default, this.errorMessage = "", this.disabled = p.props.disabled.default, this.inline = p.props.inline.default, this.ariaDescribedby = void 0, this.hasFieldset = p.props.hasFieldset.default, this.role = "group", this.useWrapper = p.props.useWrapper.default, this.slotController = new w(this, this.defaultSlot, this.helptextSlot);
   }
   updated(r) {
     super.updated(r);
@@ -64,13 +63,13 @@ let t = class extends x {
           ${this.label}
         </label>`, d = () => i`
         <pkt-helptext
-          class="${w(this.useWrapper ? void 0 : "pkt-hide")}"
+          class="${v(this.useWrapper ? void 0 : "pkt-hide")}"
           .forId=${this.forId}
           .helptext=${this.helptext}
           .helptextDropdown=${this.helptextDropdown}
           .helptextDropdownButton=${this.helptextDropdownButton || p.props.helptextDropdownButton.default}
-          @toggleHelpText=${(m) => {
-      this.toggleDropdown(m);
+          @toggleHelpText=${(x) => {
+      this.toggleDropdown(x);
     }}
           ${b(this.helptextSlot)}
           name="helptext"
@@ -182,7 +181,7 @@ e([
   o({ type: Boolean, reflect: !0, converter: D })
 ], t.prototype, "useWrapper", 2);
 t = e([
-  v("pkt-input-wrapper")
+  k("pkt-input-wrapper")
 ], t);
 export {
   t as P

package/dist/{link-BzKHhT3c.js → link-C76H6Qf1.js}

@@ -1,9 +1,8 @@
-import { P as h } from "./element-Cfyyg4nF.js";
-import { P as m } from "./pkt-slot-controller-BPGj-LC5.js";
-import { e as u, n as P } from "./ref-DX488m2G.js";
-import { E as k, x as c, n as o, t as g } from "./lit-element-DcUrSbRH.js";
-import { e as d } from "./class-map-DO0E7GkW.js";
-import "./icon-DPnB79MP.js";
+import { P as h, E as u, x as f, n as o, a as m } from "./element-CgEWt74-.js";
+import { P } from "./pkt-slot-controller-BPGj-LC5.js";
+import { e as k, n as g } from "./ref-BBYSqgeW.js";
+import { e as d } from "./class-map-BpTj9gtz.js";
+import "./icon-CC1js8eR.js";
 const x = {
   href: {
     default: "#"
@@ -14,7 +13,7 @@ const x = {
   external: {
     default: !1
   }
-}, f = {
+}, c = {
   props: x
 };
 var y = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, r = (i, n, l, s) => {
@@ -24,7 +23,7 @@ var y = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, r = (i, n, l
 };
 let e = class extends h {
   constructor() {
-    super(), this.defaultSlot = u(), this.href = f.props.href.default, this.iconName = void 0, this.iconPosition = void 0, this.external = f.props.external.default, this.target = f.props.target.default, this.slotController = new m(this, this.defaultSlot);
+    super(), this.defaultSlot = k(), this.href = c.props.href.default, this.iconName = void 0, this.iconPosition = void 0, this.external = c.props.external.default, this.target = c.props.target.default, this.slotController = new P(this, this.defaultSlot);
   }
   render() {
     const i = {
@@ -33,12 +32,12 @@ let e = class extends h {
       "pkt-link--icon-right": !!this.iconName && this.iconPosition === "right",
       "pkt-link--external": this.external
     };
-    return c`<a
+    return f`<a
       class=${d(i)}
       href=${this.href}
       .target=${this.target}
-      .rel=${this.external ? "noopener noreferrer" : k}
-      >${this.iconName ? c`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>` : ""} <span ${P(this.defaultSlot)}>Link</span></a
+      .rel=${this.external ? "noopener noreferrer" : u}
+      >${this.iconName ? f`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>` : ""} <span ${g(this.defaultSlot)}>Link</span></a
     >`;
   }
 };
@@ -58,7 +57,7 @@ r([
   o({ type: String, reflect: !0 })
 ], e.prototype, "target", 2);
 e = r([
-  g("pkt-link")
+  m("pkt-link")
 ], e);
 export {
   e as P

package/dist/link-DTkjNlmy.cjs

@@ -0,0 +1,7 @@
+"use strict";const t=require("./element-6DBpyGQm.cjs"),f=require("./pkt-slot-controller-BzddBp7z.cjs"),c=require("./ref-iJtiv3o2.cjs"),h=require("./class-map-BBG2gMX4.cjs");require("./icon-B_ryAy4Q.cjs");const k={href:{default:"#"},target:{default:"_self"},external:{default:!1}},a={props:k};var u=Object.defineProperty,P=Object.getOwnPropertyDescriptor,n=(o,r,s,i)=>{for(var e=i>1?void 0:i?P(r,s):r,l=o.length-1,p;l>=0;l--)(p=o[l])&&(e=(i?p(r,s,e):p(e))||e);return i&&e&&u(r,s,e),e};exports.PktLink=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.href=a.props.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=a.props.external.default,this.target=a.props.target.default,this.slotController=new f.PktSlotController(this,this.defaultSlot)}render(){const r={"pkt-link":!0,"pkt-link--icon-left":!!this.iconName&&this.iconPosition==="left"||!!(this.iconName&&!this.iconPosition),"pkt-link--icon-right":!!this.iconName&&this.iconPosition==="right","pkt-link--external":this.external};return t.x`<a
+      class=${h.e(r)}
+      href=${this.href}
+      .target=${this.target}
+      .rel=${this.external?"noopener noreferrer":t.E}
+      >${this.iconName?t.x`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>`:""} <span ${c.n(this.defaultSlot)}>Link</span></a
+    >`}};n([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"href",2);n([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"iconName",2);n([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"iconPosition",2);n([t.n({type:Boolean,reflect:!0})],exports.PktLink.prototype,"external",2);n([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"target",2);exports.PktLink=n([t.t("pkt-link")],exports.PktLink);

package/dist/{linkcard-CyepaY-g.js → linkcard-BVEsUPwG.js}

@@ -1,30 +1,29 @@
-import { x as c, n, t as f } from "./lit-element-DcUrSbRH.js";
-import { e as h, n as k } from "./ref-DX488m2G.js";
-import { P as m } from "./element-Cfyyg4nF.js";
+import { P as f, x as c, n, a as h } from "./element-CgEWt74-.js";
+import { e as k, n as m } from "./ref-BBYSqgeW.js";
 import { P as u } from "./pkt-slot-controller-BPGj-LC5.js";
-import "./icon-DPnB79MP.js";
-var _ = Object.defineProperty, d = Object.getOwnPropertyDescriptor, r = (o, i, s, l) => {
-  for (var e = l > 1 ? void 0 : l ? d(i, s) : i, a = o.length - 1, p; a >= 0; a--)
-    (p = o[a]) && (e = (l ? p(i, s, e) : p(e)) || e);
-  return l && e && _(i, s, e), e;
+import "./icon-CC1js8eR.js";
+var _ = Object.defineProperty, d = Object.getOwnPropertyDescriptor, r = (l, i, s, o) => {
+  for (var e = o > 1 ? void 0 : o ? d(i, s) : i, a = l.length - 1, p; a >= 0; a--)
+    (p = l[a]) && (e = (o ? p(i, s, e) : p(e)) || e);
+  return o && e && _(i, s, e), e;
 };
-let t = class extends m {
+let t = class extends f {
   constructor() {
-    super(), this.defaultSlot = h(), this.title = "", this.href = "#", this.iconName = "", this.external = !1, this.openInNewTab = !1, this.skin = "normal", this.slotController = new u(this, this.defaultSlot);
+    super(), this.defaultSlot = k(), this.title = "", this.href = "#", this.iconName = "", this.external = !1, this.openInNewTab = !1, this.skin = "normal", this.slotController = new u(this, this.defaultSlot);
   }
   render() {
-    const o = ["pkt-linkcard", this.skin && `pkt-linkcard--${this.skin}`].filter(Boolean).join(" "), i = ["pkt-linkcard__title", this.external && "pkt-link pkt-link--external"].filter(Boolean).join(" ");
+    const l = ["pkt-linkcard", this.skin && `pkt-linkcard--${this.skin}`].filter(Boolean).join(" "), i = ["pkt-linkcard__title", this.external && "pkt-link pkt-link--external"].filter(Boolean).join(" ");
     return c`
       <a
         href=${this.href}
-        class=${o}
+        class=${l}
         target=${this.openInNewTab ? "_blank" : "_self"}
         rel=${this.openInNewTab ?? "noopener noreferrer"}
       >
         ${this.iconName && c`<pkt-icon class="pkt-link__icon" name="${this.iconName}" />`}
         ${this.title && c`<div class=${i}>${this.title}</div>`}
 
-        <div class="pkt-linkcard__text" ${k(this.defaultSlot)}></div>
+        <div class="pkt-linkcard__text" ${m(this.defaultSlot)}></div>
       </a>
     `;
   }
@@ -48,7 +47,7 @@ r([
   n({ type: String, reflect: !0 })
 ], t.prototype, "skin", 2);
 t = r([
-  f("pkt-linkcard")
+  h("pkt-linkcard")
 ], t);
 export {
   t as P

package/dist/{linkcard-Czsb01sQ.cjs → linkcard-BlMhPNry.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./lit-element-DHqqtYbj.cjs"),k=require("./ref-BMQZJJEo.cjs"),p=require("./element-DUJa1sRq.cjs"),c=require("./pkt-slot-controller-BzddBp7z.cjs");require("./icon-RJ9Op-BB.cjs");var h=Object.defineProperty,f=Object.getOwnPropertyDescriptor,r=(s,n,i,l)=>{for(var e=l>1?void 0:l?f(n,i):n,o=s.length-1,a;o>=0;o--)(a=s[o])&&(e=(l?a(n,i,e):a(e))||e);return l&&e&&h(n,i,e),e};exports.PktLinkCard=class extends p.PktElement{constructor(){super(),this.defaultSlot=k.e(),this.title="",this.href="#",this.iconName="",this.external=!1,this.openInNewTab=!1,this.skin="normal",this.slotController=new c.PktSlotController(this,this.defaultSlot)}render(){const n=["pkt-linkcard",this.skin&&`pkt-linkcard--${this.skin}`].filter(Boolean).join(" "),i=["pkt-linkcard__title",this.external&&"pkt-link pkt-link--external"].filter(Boolean).join(" ");return t.x`
+"use strict";const t=require("./element-6DBpyGQm.cjs"),k=require("./ref-iJtiv3o2.cjs"),p=require("./pkt-slot-controller-BzddBp7z.cjs");require("./icon-B_ryAy4Q.cjs");var c=Object.defineProperty,h=Object.getOwnPropertyDescriptor,r=(s,n,i,l)=>{for(var e=l>1?void 0:l?h(n,i):n,o=s.length-1,a;o>=0;o--)(a=s[o])&&(e=(l?a(n,i,e):a(e))||e);return l&&e&&c(n,i,e),e};exports.PktLinkCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=k.e(),this.title="",this.href="#",this.iconName="",this.external=!1,this.openInNewTab=!1,this.skin="normal",this.slotController=new p.PktSlotController(this,this.defaultSlot)}render(){const n=["pkt-linkcard",this.skin&&`pkt-linkcard--${this.skin}`].filter(Boolean).join(" "),i=["pkt-linkcard__title",this.external&&"pkt-link pkt-link--external"].filter(Boolean).join(" ");return t.x`
       <a
         href=${this.href}
         class=${n}

package/dist/{listbox-BIcmMiAK.cjs → listbox-C4supLfR.cjs}

@@ -1,8 +1,8 @@
-"use strict";const s=require("./lit-element-DHqqtYbj.cjs"),h=require("./state-y-GU-VH8.cjs"),u=require("./if-defined-BQOEcjlp.cjs"),c=require("./element-DUJa1sRq.cjs"),d=require("./repeat-B93vZu9q.cjs"),p=require("./class-map-dph2jLEp.cjs"),b=require("./stringutils-CkVRq4jP.cjs");var f=Object.defineProperty,x=Object.getOwnPropertyDescriptor,n=(r,e,t,i)=>{for(var l=i>1?void 0:i?x(e,t):e,o=r.length-1,a;o>=0;o--)(a=r[o])&&(l=(i?a(e,t,l):a(l))||l);return i&&l&&f(e,t,l),l};exports.PktListbox=class extends c.PktElement{constructor(){super(...arguments),this.id=b.uuidish(),this.label=null,this.options=[],this.isOpen=!1,this.disabled=!1,this.includeSearch=!1,this.isMultiSelect=!1,this.allowUserInput=!1,this.maxIsReached=!1,this.customUserInput=null,this.searchPlaceholder=null,this.searchValue=null,this.maxLength=0,this.userMessage=null,this._selectedOptions=0,this._filteredOptions=[]}connectedCallback(){super.connectedCallback(),this.includeSearch&&!this.searchValue&&(this.searchValue=""),this.options.length>0&&this.filterOptions(),this.setAttribute("tabindex","-1"),this.addEventListener("focus",this.focusFirstOrSelectedOption)}updated(e){(e.has("options")||e.has("searchValue"))&&this.filterOptions(),super.updated(e)}attributeChangedCallback(e,t,i){(e==="options"||e==="searchValue"||e==="search-value")&&this.filterOptions(),super.attributeChangedCallback(e,t,i)}render(){return s.x`
+"use strict";const s=require("./element-6DBpyGQm.cjs"),p=require("./state-DPobt-Yz.cjs"),h=require("./if-defined-Cni-RHLS.cjs"),u=require("./repeat-CDsZqct8.cjs"),c=require("./class-map-BBG2gMX4.cjs"),d=require("./stringutils-CkVRq4jP.cjs");var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,n=(r,e,t,i)=>{for(var a=i>1?void 0:i?f(e,t):e,o=r.length-1,l;o>=0;o--)(l=r[o])&&(a=(i?l(e,t,a):l(a))||a);return i&&a&&b(e,t,a),a};exports.PktListbox=class extends s.PktElement{constructor(){super(...arguments),this.id=d.uuidish(),this.label=null,this.options=[],this.isOpen=!1,this.disabled=!1,this.includeSearch=!1,this.isMultiSelect=!1,this.allowUserInput=!1,this.maxIsReached=!1,this.customUserInput=null,this.searchPlaceholder=null,this.searchValue=null,this.maxLength=0,this.userMessage=null,this._selectedOptions=0,this._filteredOptions=[]}connectedCallback(){super.connectedCallback(),this.includeSearch&&!this.searchValue&&(this.searchValue=""),this.options.length>0&&this.filterOptions(),this.setAttribute("tabindex","-1"),this.addEventListener("focus",this.focusFirstOrSelectedOption)}updated(e){(e.has("options")||e.has("searchValue"))&&this.filterOptions(),super.updated(e)}attributeChangedCallback(e,t,i){(e==="options"||e==="searchValue"||e==="search-value")&&this.filterOptions(),super.attributeChangedCallback(e,t,i)}render(){return s.x`
       <div
-        class=${p.e({"pkt-listbox":!0,"pkt-listbox__open":this.isOpen,"pkt-txt-16-light":!0})}
+        class=${c.e({"pkt-listbox":!0,"pkt-listbox__open":this.isOpen,"pkt-txt-16-light":!0})}
         role="listbox"
-        aria-label=${u.o(this.label)}
+        aria-label=${h.o(this.label)}
       >
         <div class="pkt-listbox__banners">
           ${this.renderMaximumReachedBanner()} ${this.renderUserMessage()}
@@ -24,12 +24,12 @@
             ?disabled=${this.disabled||e.disabled||this.maxIsReached&&!e.selected}
           />
         `:e.selected?s.x`<pkt-icon name="check-big"></pkt-icon>`:s.E}renderList(){return s.x`
-      ${d.c(this._filteredOptions,e=>e.value,(e,t)=>s.x`
+      ${u.c(this._filteredOptions,e=>e.value,(e,t)=>s.x`
           <li
             @click=${()=>{this.toggleOption(e)}}
             aria-selected=${e.selected?"true":"false"}
             @keydown=${this.handleOptionKeydown}
-            class=${p.e({"pkt-listbox__option":!0,"pkt-listbox__option--selected":!!(!this.isMultiSelect&&e.selected),"pkt-listbox__option--checkBox":this.isMultiSelect})}
+            class=${c.e({"pkt-listbox__option":!0,"pkt-listbox__option--selected":!!(!this.isMultiSelect&&e.selected),"pkt-listbox__option--checkBox":this.isMultiSelect})}
             tabindex="${this.disabled||e.disabled?"-1":"0"}"
             data-index=${t}
             data-value=${e.value}
@@ -82,7 +82,7 @@
               type="text"
               aria-label="Søk i listen"
               form=""
-              placeholder=${this.searchPlaceholder||c.translations.forms.search.placeholder}
+              placeholder=${this.searchPlaceholder||s.translations.forms.search.placeholder}
               @input=${this.handleSearchInput}
               @keydown=${this.handleSearchKeydown}
               .value=${this.searchValue}
@@ -92,4 +92,4 @@
               role="searchbox"
             />
           </div>
-        `:s.E}handleSearchInput(e){this.searchValue=e.target.value,this.dispatchEvent(new CustomEvent("search",{detail:this.searchValue,bubbles:!1}))}handleSearchKeydown(e){switch(e.key){case"Enter":e.preventDefault();break;case"ArrowUp":case"Escape":this.closeOptions(),e.preventDefault();break;case"ArrowDown":case"Tab":this.focusFirstOrSelectedOption();break}}handleOptionKeydown(e){const t=e.currentTarget,i=t.dataset.value,l=t.dataset.type,o=t.dataset.selected==="true";if(!(!this.getOptionElements().length&&(!this.customUserInput||!this.allowUserInput&&this.customUserInput)&&l!=="new-option"&&l!=="searchbox"))switch(e.key){case" ":case"Enter":this.toggleOption(t),e.preventDefault();break;case"Backspace":i&&(o?this.toggleOption(t):this.closeOptions()),e.preventDefault();break;case"Escape":case"Tab":this.closeOptions();break;case"ArrowDown":e.altKey?this.focusLastOption():l==="searchbox"||l==="new-option"?this.focusFirstOption():this.focusNextOption(t),e.preventDefault();break;case"ArrowUp":if(e.altKey)this.focusFirstOption();else if(t.dataset.index==="0"&&this.includeSearch){const a=this.querySelector('[role="searchbox"]');a&&a.focus()}else if(t.dataset.index==="0"&&this.customUserInput){const a=this.querySelector('[data-type="new-option"]');a&&a.focus()}else this.focusPreviousOption(t);e.preventDefault();break;case"Home":this.focusFirstOption(),e.preventDefault();break;case"End":this.focusLastOption(),e.preventDefault();break;default:(e.metaKey||e.ctrlKey)&&e.key==="a"&&(this.selectAll(),e.preventDefault()),this.isLetterOrSpace(e.key)&&(this.handleTypeAhead(e.key),e.preventDefault());break}}focusAndScrollIntoView(e){e.scrollIntoView({block:"nearest"}),window.setTimeout(()=>e.focus(),0)}focusNextOption(e){const t=e.nextElementSibling;t&&this.focusAndScrollIntoView(t)}focusPreviousOption(e){const t=e.previousElementSibling;if(e.dataset.index==="0"&&this.includeSearch){const i=this.querySelector('[role="searchbox"]');i&&this.focusAndScrollIntoView(i)}else t&&this.focusAndScrollIntoView(t)}focusFirstOption(){const e=this.getOptionElements()[0];e&&this.focusAndScrollIntoView(e)}focusLastOption(){const e=this.getOptionElements().pop();e&&this.focusAndScrollIntoView(e)}focusFirstOrSelectedOption(){if(this.disabled)return;const e=this.getOptionElements().find(t=>t.dataset.selected==="true");if(this.allowUserInput&&this.customUserInput){const t=this.querySelector('[data-type="new-option"]');this.focusAndScrollIntoView(t)}else if(e)this.focusAndScrollIntoView(e);else if(this.includeSearch&&!(document.activeElement instanceof HTMLInputElement)){const t=this.querySelector('[role="searchbox"]');window.setTimeout(()=>t.focus(),0)}else this.focusFirstOption()}toggleOption(e){const t=e instanceof HTMLElement?e.dataset.disabled:e.disabled;if(this.disabled||t)return;const i=e instanceof HTMLElement?e.dataset.value:e.value;this.dispatchEvent(new CustomEvent("option-toggle",{detail:i,bubbles:!1}))}selectAll(){this.dispatchEvent(new CustomEvent("select-all",{bubbles:!1}))}closeOptions(){this.dispatchEvent(new CustomEvent("close-options",{bubbles:!1}))}filterOptions(){this.searchValue?this._filteredOptions=this.options.filter(e=>{var i;return(e.label+e.value).toLowerCase().includes(((i=this.searchValue)==null?void 0:i.toLowerCase())||"")}):this._filteredOptions=[...this.options]}isLetterOrSpace(e){return/^[\p{L} ]$/u.test(e)}handleTypeAhead(e){this.typeAheadString+=e.toLowerCase(),this.typeAheadTimeout&&clearTimeout(this.typeAheadTimeout),this.typeAheadTimeout=window.setTimeout(()=>{this.typeAheadString=""},500);const i=this.getOptionElements().find(l=>{var o;return(o=l.textContent)==null?void 0:o.trim().toLowerCase().startsWith(this.typeAheadString)});i&&this.focusAndScrollIntoView(i)}getOptionElements(){return this._filteredOptions.length?Array.from(this.querySelectorAll('[role="option"]:not([data-disabled])')||[]):[]}};n([s.n({type:String})],exports.PktListbox.prototype,"id",2);n([s.n({type:String})],exports.PktListbox.prototype,"label",2);n([s.n({type:Array})],exports.PktListbox.prototype,"options",2);n([s.n({type:Boolean,reflect:!0})],exports.PktListbox.prototype,"isOpen",2);n([s.n({type:Boolean})],exports.PktListbox.prototype,"disabled",2);n([s.n({type:Boolean})],exports.PktListbox.prototype,"includeSearch",2);n([s.n({type:Boolean})],exports.PktListbox.prototype,"isMultiSelect",2);n([s.n({type:Boolean})],exports.PktListbox.prototype,"allowUserInput",2);n([s.n({type:Boolean})],exports.PktListbox.prototype,"maxIsReached",2);n([s.n({type:String})],exports.PktListbox.prototype,"customUserInput",2);n([s.n({type:String})],exports.PktListbox.prototype,"searchPlaceholder",2);n([s.n({type:String})],exports.PktListbox.prototype,"searchValue",2);n([s.n({type:Number})],exports.PktListbox.prototype,"maxLength",2);n([s.n({type:String})],exports.PktListbox.prototype,"userMessage",2);n([h.r()],exports.PktListbox.prototype,"_filteredOptions",2);exports.PktListbox=n([s.t("pkt-listbox")],exports.PktListbox);
+        `:s.E}handleSearchInput(e){this.searchValue=e.target.value,this.dispatchEvent(new CustomEvent("search",{detail:this.searchValue,bubbles:!1}))}handleSearchKeydown(e){switch(e.key){case"Enter":e.preventDefault();break;case"ArrowUp":case"Escape":this.closeOptions(),e.preventDefault();break;case"ArrowDown":case"Tab":this.focusFirstOrSelectedOption();break}}handleOptionKeydown(e){const t=e.currentTarget,i=t.dataset.value,a=t.dataset.type,o=t.dataset.selected==="true";if(!(!this.getOptionElements().length&&(!this.customUserInput||!this.allowUserInput&&this.customUserInput)&&a!=="new-option"&&a!=="searchbox"))switch(e.key){case" ":case"Enter":this.toggleOption(t),e.preventDefault();break;case"Backspace":i&&(o?this.toggleOption(t):this.closeOptions()),e.preventDefault();break;case"Escape":case"Tab":this.closeOptions();break;case"ArrowDown":e.altKey?this.focusLastOption():a==="searchbox"||a==="new-option"?this.focusFirstOption():this.focusNextOption(t),e.preventDefault();break;case"ArrowUp":if(e.altKey)this.focusFirstOption();else if(t.dataset.index==="0"&&this.includeSearch){const l=this.querySelector('[role="searchbox"]');l&&l.focus()}else if(t.dataset.index==="0"&&this.customUserInput){const l=this.querySelector('[data-type="new-option"]');l&&l.focus()}else this.focusPreviousOption(t);e.preventDefault();break;case"Home":this.focusFirstOption(),e.preventDefault();break;case"End":this.focusLastOption(),e.preventDefault();break;default:(e.metaKey||e.ctrlKey)&&e.key==="a"&&(this.selectAll(),e.preventDefault()),this.isLetterOrSpace(e.key)&&(this.handleTypeAhead(e.key),e.preventDefault());break}}focusAndScrollIntoView(e){e.scrollIntoView({block:"nearest"}),window.setTimeout(()=>e.focus(),0)}focusNextOption(e){const t=e.nextElementSibling;t&&this.focusAndScrollIntoView(t)}focusPreviousOption(e){const t=e.previousElementSibling;if(e.dataset.index==="0"&&this.includeSearch){const i=this.querySelector('[role="searchbox"]');i&&this.focusAndScrollIntoView(i)}else t&&this.focusAndScrollIntoView(t)}focusFirstOption(){const e=this.getOptionElements()[0];e&&this.focusAndScrollIntoView(e)}focusLastOption(){const e=this.getOptionElements().pop();e&&this.focusAndScrollIntoView(e)}focusFirstOrSelectedOption(){if(this.disabled)return;const e=this.getOptionElements().find(t=>t.dataset.selected==="true");if(this.allowUserInput&&this.customUserInput){const t=this.querySelector('[data-type="new-option"]');this.focusAndScrollIntoView(t)}else if(e)this.focusAndScrollIntoView(e);else if(this.includeSearch&&!(document.activeElement instanceof HTMLInputElement)){const t=this.querySelector('[role="searchbox"]');window.setTimeout(()=>t.focus(),0)}else this.focusFirstOption()}toggleOption(e){const t=e instanceof HTMLElement?e.dataset.disabled:e.disabled;if(this.disabled||t)return;const i=e instanceof HTMLElement?e.dataset.value:e.value;this.dispatchEvent(new CustomEvent("option-toggle",{detail:i,bubbles:!1}))}selectAll(){this.dispatchEvent(new CustomEvent("select-all",{bubbles:!1}))}closeOptions(){this.dispatchEvent(new CustomEvent("close-options",{bubbles:!1}))}filterOptions(){this.searchValue?this._filteredOptions=this.options.filter(e=>{var i;return(e.label+e.value).toLowerCase().includes(((i=this.searchValue)==null?void 0:i.toLowerCase())||"")}):this._filteredOptions=[...this.options]}isLetterOrSpace(e){return/^[\p{L} ]$/u.test(e)}handleTypeAhead(e){this.typeAheadString+=e.toLowerCase(),this.typeAheadTimeout&&clearTimeout(this.typeAheadTimeout),this.typeAheadTimeout=window.setTimeout(()=>{this.typeAheadString=""},500);const i=this.getOptionElements().find(a=>{var o;return(o=a.textContent)==null?void 0:o.trim().toLowerCase().startsWith(this.typeAheadString)});i&&this.focusAndScrollIntoView(i)}getOptionElements(){return this._filteredOptions.length?Array.from(this.querySelectorAll('[role="option"]:not([data-disabled])')||[]):[]}};n([s.n({type:String})],exports.PktListbox.prototype,"id",2);n([s.n({type:String})],exports.PktListbox.prototype,"label",2);n([s.n({type:Array})],exports.PktListbox.prototype,"options",2);n([s.n({type:Boolean,reflect:!0})],exports.PktListbox.prototype,"isOpen",2);n([s.n({type:Boolean})],exports.PktListbox.prototype,"disabled",2);n([s.n({type:Boolean})],exports.PktListbox.prototype,"includeSearch",2);n([s.n({type:Boolean})],exports.PktListbox.prototype,"isMultiSelect",2);n([s.n({type:Boolean})],exports.PktListbox.prototype,"allowUserInput",2);n([s.n({type:Boolean})],exports.PktListbox.prototype,"maxIsReached",2);n([s.n({type:String})],exports.PktListbox.prototype,"customUserInput",2);n([s.n({type:String})],exports.PktListbox.prototype,"searchPlaceholder",2);n([s.n({type:String})],exports.PktListbox.prototype,"searchValue",2);n([s.n({type:Number})],exports.PktListbox.prototype,"maxLength",2);n([s.n({type:String})],exports.PktListbox.prototype,"userMessage",2);n([p.r()],exports.PktListbox.prototype,"_filteredOptions",2);exports.PktListbox=n([s.t("pkt-listbox")],exports.PktListbox);

package/dist/{listbox-Br7v_BsA.js → listbox-CLsSW32I.js}

@@ -1,16 +1,15 @@
-import { x as r, E as p, n as l, t as u } from "./lit-element-DcUrSbRH.js";
-import { r as b } from "./state-P2J1I2ny.js";
-import { o as f } from "./if-defined-I-IZkUY2.js";
-import { P as m, t as y } from "./element-Cfyyg4nF.js";
-import { c as k } from "./repeat-Dl4RVQIF.js";
-import { e as d } from "./class-map-DO0E7GkW.js";
+import { P as u, x as r, E as p, t as b, n as l, a as f } from "./element-CgEWt74-.js";
+import { r as m } from "./state-Bo2bck5_.js";
+import { o as y } from "./if-defined-CmuO4Vz9.js";
+import { c as k } from "./repeat-C8BeHwYx.js";
+import { e as d } from "./class-map-BpTj9gtz.js";
 import { u as x } from "./stringutils-DJjRa8dG.js";
 var O = Object.defineProperty, g = Object.getOwnPropertyDescriptor, a = (e, t, s, o) => {
   for (var n = o > 1 ? void 0 : o ? g(t, s) : t, c = e.length - 1, h; c >= 0; c--)
     (h = e[c]) && (n = (o ? h(t, s, n) : h(n)) || n);
   return o && n && O(t, s, n), n;
 };
-let i = class extends m {
+let i = class extends u {
   constructor() {
     super(...arguments), this.id = x(), this.label = null, this.options = [], this.isOpen = !1, this.disabled = !1, this.includeSearch = !1, this.isMultiSelect = !1, this.allowUserInput = !1, this.maxIsReached = !1, this.customUserInput = null, this.searchPlaceholder = null, this.searchValue = null, this.maxLength = 0, this.userMessage = null, this._selectedOptions = 0, this._filteredOptions = [];
   }
@@ -34,7 +33,7 @@ let i = class extends m {
       "pkt-txt-16-light": !0
     })}
         role="listbox"
-        aria-label=${f(this.label)}
+        aria-label=${y(this.label)}
       >
         <div class="pkt-listbox__banners">
           ${this.renderMaximumReachedBanner()} ${this.renderUserMessage()}
@@ -144,7 +143,7 @@ let i = class extends m {
               type="text"
               aria-label="Søk i listen"
               form=""
-              placeholder=${this.searchPlaceholder || y.forms.search.placeholder}
+              placeholder=${this.searchPlaceholder || b.forms.search.placeholder}
               @input=${this.handleSearchInput}
               @keydown=${this.handleSearchKeydown}
               .value=${this.searchValue}
@@ -351,10 +350,10 @@ a([
   l({ type: String })
 ], i.prototype, "userMessage", 2);
 a([
-  b()
+  m()
 ], i.prototype, "_filteredOptions", 2);
 i = a([
-  u("pkt-listbox")
+  f("pkt-listbox")
 ], i);
 export {
   i as P

package/dist/loader-CHPxY9c6.cjs

@@ -0,0 +1,11 @@
+"use strict";const t=require("./element-6DBpyGQm.cjs"),d=require("./class-map-BBG2gMX4.cjs"),h=require("./state-DPobt-Yz.cjs"),p=require("./ref-iJtiv3o2.cjs"),u=require("./pkt-slot-controller-BzddBp7z.cjs");require("./icon-B_ryAy4Q.cjs");var c=Object.defineProperty,y=Object.getOwnPropertyDescriptor,s=(r,e,a,o)=>{for(var i=o>1?void 0:o?y(e,a):e,n=r.length-1,l;n>=0;n--)(l=r[n])&&(i=(o?l(e,a,i):l(i))||i);return o&&i&&c(e,a,i),i};window.pktAnimationPath=window.pktAnimationPath||"https://punkt-cdn.oslo.kommune.no/latest/animations/";exports.PktLoader=class extends t.PktElement{constructor(){super(),this.defaultSlot=p.e(),this.delay=0,this.inline=!1,this.isLoading=!0,this.message=null,this.size="medium",this.variant="shapes",this.loadingAnimationPath=window.pktAnimationPath,this._shouldDisplayLoader=!1,this.slotController=new u.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback(),this._shouldDisplayLoader=this.delay===0,this.delay>0&&this.setupLoader()}updated(e){e.has("delay")&&this.setupLoader()}render(){const e=d.e({"pkt-loader":!0,[`pkt-loader--${this.inline?"inline":"box"}`]:!0,[`pkt-loader--${this.size}`]:!0}),a=d.e({"pkt-contents":!0,"pkt-hide":this.isLoading});return t.x`<div role="status" aria-live="polite" .aria-busy=${this.isLoading} class=${e}>
+      ${this.isLoading&&this._shouldDisplayLoader?t.x`<div class="pkt-loader__spinner">
+            <pkt-icon
+              name=${this.getVariant(this.variant)}
+              path=${this.loadingAnimationPath}
+              class="pkt-loader__svg pkt-loader__${this.variant}"
+            ></pkt-icon>
+            ${this.message&&t.x`<p>${this.message}</p>`}
+          </div>`:t.E}
+      <div class=${a} ${p.n(this.defaultSlot)}></div>
+    </div>`}getVariant(e){switch(e){case"blue":return"spinner-blue";case"rainbow":return"spinner";default:return"loader"}}setupLoader(){this.delay>0&&(this._shouldDisplayLoader=!1,setTimeout(()=>{this._shouldDisplayLoader=!0,this.requestUpdate()},this.delay))}};s([t.n({type:Number})],exports.PktLoader.prototype,"delay",2);s([t.n({type:Boolean})],exports.PktLoader.prototype,"inline",2);s([t.n({type:Boolean})],exports.PktLoader.prototype,"isLoading",2);s([t.n({type:String})],exports.PktLoader.prototype,"message",2);s([t.n({type:String})],exports.PktLoader.prototype,"size",2);s([t.n({type:String})],exports.PktLoader.prototype,"variant",2);s([t.n({type:String})],exports.PktLoader.prototype,"loadingAnimationPath",2);s([h.r()],exports.PktLoader.prototype,"_shouldDisplayLoader",2);exports.PktLoader=s([t.t("pkt-loader")],exports.PktLoader);

package/dist/{loader-Co35Rkbv.js → loader-Da4IOk_T.js}

@@ -1,14 +1,13 @@
-import { P as u } from "./element-Cfyyg4nF.js";
-import { e as h } from "./class-map-DO0E7GkW.js";
-import { E as m, x as d, n as a, t as y } from "./lit-element-DcUrSbRH.js";
-import { r as c } from "./state-P2J1I2ny.js";
-import { e as f, n as g } from "./ref-DX488m2G.js";
+import { P as u, E as m, x as d, n as a, a as y } from "./element-CgEWt74-.js";
+import { e as h } from "./class-map-BpTj9gtz.js";
+import { r as c } from "./state-Bo2bck5_.js";
+import { e as f, n as g } from "./ref-BBYSqgeW.js";
 import { P as v } from "./pkt-slot-controller-BPGj-LC5.js";
-import "./icon-DPnB79MP.js";
-var _ = Object.defineProperty, k = Object.getOwnPropertyDescriptor, e = (i, o, n, r) => {
-  for (var s = r > 1 ? void 0 : r ? k(o, n) : o, l = i.length - 1, p; l >= 0; l--)
-    (p = i[l]) && (s = (r ? p(o, n, s) : p(s)) || s);
-  return r && s && _(o, n, s), s;
+import "./icon-CC1js8eR.js";
+var _ = Object.defineProperty, k = Object.getOwnPropertyDescriptor, e = (s, o, n, r) => {
+  for (var i = r > 1 ? void 0 : r ? k(o, n) : o, l = s.length - 1, p; l >= 0; l--)
+    (p = s[l]) && (i = (r ? p(o, n, i) : p(i)) || i);
+  return r && i && _(o, n, i), i;
 };
 window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/latest/animations/";
 let t = class extends u {
@@ -18,11 +17,11 @@ let t = class extends u {
   connectedCallback() {
     super.connectedCallback(), this._shouldDisplayLoader = this.delay === 0, this.delay > 0 && this.setupLoader();
   }
-  updated(i) {
-    i.has("delay") && this.setupLoader();
+  updated(s) {
+    s.has("delay") && this.setupLoader();
   }
   render() {
-    const i = h({
+    const s = h({
       "pkt-loader": !0,
       [`pkt-loader--${this.inline ? "inline" : "box"}`]: !0,
       [`pkt-loader--${this.size}`]: !0
@@ -30,7 +29,7 @@ let t = class extends u {
       "pkt-contents": !0,
       "pkt-hide": this.isLoading
     });
-    return d`<div role="status" aria-live="polite" .aria-busy=${this.isLoading} class=${i}>
+    return d`<div role="status" aria-live="polite" .aria-busy=${this.isLoading} class=${s}>
       ${this.isLoading && this._shouldDisplayLoader ? d`<div class="pkt-loader__spinner">
             <pkt-icon
               name=${this.getVariant(this.variant)}
@@ -42,8 +41,8 @@ let t = class extends u {
       <div class=${o} ${g(this.defaultSlot)}></div>
     </div>`;
   }
-  getVariant(i) {
-    switch (i) {
+  getVariant(s) {
+    switch (s) {
       case "blue":
         return "spinner-blue";
       case "rainbow":

package/dist/messagebox-CqUBJs_D.cjs

@@ -0,0 +1,12 @@
+"use strict";const e=require("./element-6DBpyGQm.cjs"),u=require("./pkt-slot-controller-BzddBp7z.cjs"),n=require("./ref-iJtiv3o2.cjs"),b=require("./class-map-BBG2gMX4.cjs"),d=require("./state-DPobt-Yz.cjs");require("./icon-B_ryAy4Q.cjs");const k=require("./classutils-BwNK82ZQ.cjs"),h={skin:{default:"beige"},compact:{default:!1},closable:{default:!1}},p={props:h};var f=Object.defineProperty,x=Object.getOwnPropertyDescriptor,o=(i,t,a,l)=>{for(var s=l>1?void 0:l?x(t,a):t,r=i.length-1,c;r>=0;r--)(c=i[r])&&(s=(l?c(t,a,s):c(s))||s);return l&&s&&f(t,a,s),s};exports.PktMessagebox=class extends e.PktElement{constructor(){super(),this.defaultSlot=n.e(),this.closable=p.props.closable.default,this.compact=p.props.compact.default,this.title="",this.skin=p.props.skin.default,this._isClosed=!1,this.close=t=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:t},bubbles:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:t},bubbles:!0}))},this.slotController=new u.PktSlotController(this,this.defaultSlot),this._isClosed=!1}updated(t){super.updated(t),t.has("_isClosed")&&k.updateClassAttribute(this,"pkt-hide",this._isClosed)}render(){const t={"pkt-messagebox":!0,"pkt-messagebox--compact":this.compact,[`pkt-messagebox--${this.skin}`]:this.skin,"pkt-messagebox--closable":this.closable,"pkt-hide":this._isClosed};return e.x`<div class=${b.e(t)}>
+      ${this.closable?e.x`<div class="pkt-messagebox__close">
+            <button
+              @click=${this.close}
+              class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
+            >
+              <pkt-icon name="close" class="pkt-link__icon"></pkt-icon>
+            </button>
+          </div>`:e.E}
+      ${this.title?e.x`<div class="pkt-messagebox__title">${this.title}</div>`:e.E}
+      <div class="pkt-messagebox__text" ${n.n(this.defaultSlot)}></div>
+    </div>`}};o([e.n({type:Boolean,reflect:!0})],exports.PktMessagebox.prototype,"closable",2);o([e.n({type:Boolean,reflect:!0})],exports.PktMessagebox.prototype,"compact",2);o([e.n({type:String,reflect:!0})],exports.PktMessagebox.prototype,"title",2);o([e.n({type:String,reflect:!0})],exports.PktMessagebox.prototype,"skin",2);o([d.r()],exports.PktMessagebox.prototype,"_isClosed",2);exports.PktMessagebox=o([e.t("pkt-messagebox")],exports.PktMessagebox);

package/dist/{messagebox-CQXmoqzD.js → messagebox-DwGdcdm7.js}

@@ -1,10 +1,9 @@
-import { P as u } from "./element-Cfyyg4nF.js";
-import { P as b } from "./pkt-slot-controller-BPGj-LC5.js";
-import { e as h, n as f } from "./ref-DX488m2G.js";
-import { E as m, x as n, n as p, t as k } from "./lit-element-DcUrSbRH.js";
-import { e as _ } from "./class-map-DO0E7GkW.js";
-import { r as v } from "./state-P2J1I2ny.js";
-import "./icon-DPnB79MP.js";
+import { P as b, E as u, x as n, n as p, a as m } from "./element-CgEWt74-.js";
+import { P as h } from "./pkt-slot-controller-BPGj-LC5.js";
+import { e as f, n as k } from "./ref-BBYSqgeW.js";
+import { e as _ } from "./class-map-BpTj9gtz.js";
+import { r as v } from "./state-Bo2bck5_.js";
+import "./icon-CC1js8eR.js";
 import { u as g } from "./classutils-RQs1k6D9.js";
 const x = {
   skin: {
@@ -19,16 +18,16 @@ const x = {
 }, d = {
   props: x
 };
-var C = Object.defineProperty, y = Object.getOwnPropertyDescriptor, o = (t, l, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? y(l, r) : l, a = t.length - 1, c; a >= 0; a--)
-    (c = t[a]) && (s = (i ? c(l, r, s) : c(s)) || s);
-  return i && s && C(l, r, s), s;
+var C = Object.defineProperty, y = Object.getOwnPropertyDescriptor, o = (t, l, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? y(l, a) : l, r = t.length - 1, c; r >= 0; r--)
+    (c = t[r]) && (s = (i ? c(l, a, s) : c(s)) || s);
+  return i && s && C(l, a, s), s;
 };
-let e = class extends u {
+let e = class extends b {
   constructor() {
-    super(), this.defaultSlot = h(), this.closable = d.props.closable.default, this.compact = d.props.compact.default, this.title = "", this.skin = d.props.skin.default, this._isClosed = !1, this.close = (t) => {
+    super(), this.defaultSlot = f(), this.closable = d.props.closable.default, this.compact = d.props.compact.default, this.title = "", this.skin = d.props.skin.default, this._isClosed = !1, this.close = (t) => {
       this._isClosed = !0, this.dispatchEvent(new CustomEvent("close", { detail: { origin: t }, bubbles: !0 })), this.dispatchEvent(new CustomEvent("on-close", { detail: { origin: t }, bubbles: !0 }));
-    }, this.slotController = new b(this, this.defaultSlot), this._isClosed = !1;
+    }, this.slotController = new h(this, this.defaultSlot), this._isClosed = !1;
   }
   // Lifecycle
   updated(t) {
@@ -51,9 +50,9 @@ let e = class extends u {
             >
               <pkt-icon name="close" class="pkt-link__icon"></pkt-icon>
             </button>
-          </div>` : m}
-      ${this.title ? n`<div class="pkt-messagebox__title">${this.title}</div>` : m}
-      <div class="pkt-messagebox__text" ${f(this.defaultSlot)}></div>
+          </div>` : u}
+      ${this.title ? n`<div class="pkt-messagebox__title">${this.title}</div>` : u}
+      <div class="pkt-messagebox__text" ${k(this.defaultSlot)}></div>
     </div>`;
   }
 };
@@ -73,7 +72,7 @@ o([
   v()
 ], e.prototype, "_isClosed", 2);
 e = o([
-  k("pkt-messagebox")
+  m("pkt-messagebox")
 ], e);
 export {
   e as P

package/dist/modal-BdA5aWGU.cjs

@@ -0,0 +1,36 @@
+"use strict";const d=require("./class-map-BBG2gMX4.cjs"),o=require("./element-6DBpyGQm.cjs"),u=require("./state-DPobt-Yz.cjs"),k=require("./pkt-slot-controller-BzddBp7z.cjs"),r=require("./ref-iJtiv3o2.cjs");require("./icon-B_ryAy4Q.cjs");const m={hideCloseButton:{default:!1},closeOnBackdropClick:{default:!1},size:{default:"medium"}},h={props:m};var v=Object.defineProperty,f=Object.getOwnPropertyDescriptor,l=(c,t,e,i)=>{for(var s=i>1?void 0:i?f(t,e):t,n=c.length-1,a;n>=0;n--)(a=c[n])&&(s=(i?a(t,e,s):a(s))||s);return i&&s&&v(t,e,s),s};exports.PktModal=class extends o.PktElement{constructor(){super(),this.headingText="",this.removePadding=!1,this.hideCloseButton=h.props.hideCloseButton.default,this.closeOnBackdropClick=h.props.closeOnBackdropClick.default,this.closeButtonSkin="blue",this.size=h.props.size.default,this.variant="dialog",this.drawerPosition="right",this.transparentBackdrop=!1,this.defaultSlot=r.e(),this.dialogRef=r.e(),this._isOpen=!1,this.close=(t,e=!1)=>{var s;if(!this._isOpen)return;this._isOpen=!1,document.body.classList.remove("pkt-modal--open");const i=document.activeElement;i&&!this.isElementInViewport(i)&&i.scrollIntoView({behavior:"smooth",block:"nearest"}),this.dispatchEvent(new CustomEvent("close",{detail:{origin:t},bubbles:!0,composed:!0})),e||(s=this.dialogRef.value)==null||s.close(),this.requestUpdate()},this.showModal=(t=null)=>{var i;this._isOpen=!0,(i=this.dialogRef.value)==null||i.showModal();const e=document.querySelector(".pkt-modal");requestAnimationFrame(()=>{var s;this.dialogRef.value&&((s=this.dialogRef.value)==null||s.focus())}),e&&document.body.classList.add("pkt-modal--open"),this.dispatchEvent(new CustomEvent("showModal",{detail:{origin:t},bubbles:!0,composed:!0})),this.requestUpdate()},this.slotController=new k.PktSlotController(this,this.defaultSlot),this._isOpen=!1}async connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.handleKeyDown.bind(this)),document.addEventListener("click",this.handleBackdropClick.bind(this))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("click",this.handleBackdropClick)}async firstUpdated(t){super.firstUpdated(t),this.dialogRef.value&&!window.HTMLDialogElement&&!this.dialogRef.value.showModal&&("document"in window&&"createElement"in document&&(await Promise.resolve().then(()=>require("./dialog-polyfill.esm-CPKZe7AL.cjs")).then(i=>i.default)).registerDialog(this.dialogRef.value),this.dialogRef.value.addEventListener("close",()=>{this.close(new Event("close"),!0)}))}handleKeyDown(t){t.key==="Escape"&&this.close(t)}handleBackdropClick(t){var e;this.closeOnBackdropClick&&t.target===((e=this.dialogRef)==null?void 0:e.value)&&this.close(t)}isElementInViewport(t){const e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}render(){const t={"pkt-modal":!0,"pkt-modal--removePadding":this.removePadding??!1,"pkt-modal--noHeadingText":this.headingText===""||this.headingText===void 0,"pkt-modal--noShadow":this.closeButtonSkin==="yellow-filled","pkt-modal--transparentBackdrop":this.transparentBackdrop??!1,[`pkt-modal--${this.size}`]:this.size!==void 0,[`pkt-modal__${this.variant}`]:this.variant!==void 0,[`pkt-modal__drawer--${this.drawerPosition}`]:this.variant==="drawer"},e={"pkt-modal__headingText":!0,"pkt-txt-24":!0},i={"pkt-modal__content":!0,"pkt-txt-18-light":!0},s=this.closeButtonSkin==="blue",n={"pkt-modal__closeButton":!0,[`pkt-modal__closeButton--${this.closeButtonSkin}`]:!0},a={"pkt-btn":!0,[`pkt-btn--${s?"tertiary":"primary"}`]:!0,"pkt-btn--icon-only":!0,"pkt-btn--medium":!0};return o.x`
+      <dialog
+        class=${d.e(t)}
+        ${r.n(this.dialogRef)}
+        aria-labelledby="pkt-modal__headingText"
+        aria-describedby="pkt-modal__content"
+        @close=${p=>this.close(p,!0)}
+      >
+        <div class="pkt-modal__wrapper">
+          ${this.headingText||!this.hideCloseButton?o.x`<div class="pkt-modal__header">
+                <div class="pkt-modal__header-background"></div>
+                ${this.headingText?o.x`<h1 id="pkt-modal__headingText" class=${d.e(e)}>
+                      ${this.headingText}
+                    </h1>`:o.x`<div class="pkt-modal__headingText"></div>`}
+                ${this.hideCloseButton?o.x`<div class="pkt-modal__noCloseButton"></div>`:o.x`<div class="${d.e(n)}">
+                      <pkt-button
+                        @click=${p=>this.close(p)}
+                        class=${d.e(a)}
+                        aria-label="close"
+                        iconname="close"
+                        variant="icon-only"
+                      >
+                        Lukk
+                      </pkt-button>
+                    </div>`}
+              </div>`:o.E}
+          <div class="pkt-modal__container">
+            <div
+              id="pkt-modal__content"
+              class=${d.e(i)}
+              ${r.n(this.defaultSlot)}
+            ></div>
+          </div>
+        </div>
+      </dialog>
+    `}};l([o.n({type:String})],exports.PktModal.prototype,"headingText",2);l([o.n({type:Boolean})],exports.PktModal.prototype,"removePadding",2);l([o.n({type:Boolean})],exports.PktModal.prototype,"hideCloseButton",2);l([o.n({type:Boolean})],exports.PktModal.prototype,"closeOnBackdropClick",2);l([o.n({type:String})],exports.PktModal.prototype,"closeButtonSkin",2);l([o.n({type:String})],exports.PktModal.prototype,"size",2);l([o.n({type:String})],exports.PktModal.prototype,"variant",2);l([o.n({type:String})],exports.PktModal.prototype,"drawerPosition",2);l([o.n({type:Boolean})],exports.PktModal.prototype,"transparentBackdrop",2);l([u.r()],exports.PktModal.prototype,"_isOpen",2);exports.PktModal=l([o.t("pkt-modal")],exports.PktModal);