@oslokommune/punkt-elements 12.17.2 → 12.18.0

package/dist/pkt-linkcard.cjs

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

package/dist/pkt-linkcard.js

@@ -1,4 +1,4 @@
-import { P as a } from "./linkcard-BlWQ8jOv.js";
+import { P as a } from "./linkcard-BHokvuVN.js";
 const k = a;
 export {
   a as PktLinkCard,

package/dist/pkt-messagebox.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CR7t1zY9.cjs"),c=require("./ref-C2yPtMJA.cjs"),b=require("./class-map-a5HUzP83.cjs"),k=require("./custom-element-B-TlBwRu.cjs");require("./index-CmTjXoAb.cjs");const d="pkt-messagebox",u=!0,m={onClose:{description:"React: Event som trigges når meldingsboksen lukkes"},"on-close":{description:"Vue: Event som trigges når meldingsboksen lukkes"}},g={title:{name:"Tittel",description:"Tittelen på meldingsboksen",type:"string"},skin:{name:"Utseende",description:"Velg farge på meldingsboksen",type:["beige","blue","red","green"],default:"beige"},compact:{name:"Kompakt",description:"Gjør meldingsboksen mindre",type:"boolean",default:!1},closable:{name:"Kan lukkes",description:"Viser lukkeknapp",type:"boolean",default:!1}},h={default:{description:"Innholdet i meldingsboksen"}},p={name:d,"css-class":"pkt-messagebox",isElement:u,events:m,props:g,slots:h};var f=Object.defineProperty,x=Object.getOwnPropertyDescriptor,o=(i,t,n,l)=>{for(var s=l>1?void 0:l?x(t,n):t,r=i.length-1,a;r>=0;r--)(a=i[r])&&(s=(l?a(t,n,s):a(s))||s);return l&&s&&f(t,n,s),s};exports.PktMessagebox=class extends e.PktElement{constructor(){super(),this.defaultSlot=c.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 c.PktSlotController(this,this.defaultSlot),this._isClosed=!1}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)}>
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CR7t1zY9.cjs"),b=require("./pkt-slot-controller-Ckk_yV0j.cjs"),p=require("./ref-CA2-0S_W.cjs"),k=require("./class-map-a5HUzP83.cjs"),d=require("./custom-element-B-TlBwRu.cjs");require("./index-CmTjXoAb.cjs");const u="pkt-messagebox",m=!0,g={onClose:{description:"React: Event som trigges når meldingsboksen lukkes"},"on-close":{description:"Vue: Event som trigges når meldingsboksen lukkes"}},h={title:{name:"Tittel",description:"Tittelen på meldingsboksen",type:"string"},skin:{name:"Utseende",description:"Velg farge på meldingsboksen",type:["beige","blue","red","green"],default:"beige"},compact:{name:"Kompakt",description:"Gjør meldingsboksen mindre",type:"boolean",default:!1},closable:{name:"Kan lukkes",description:"Viser lukkeknapp",type:"boolean",default:!1}},f={default:{description:"Innholdet i meldingsboksen"}},c={name:u,"css-class":"pkt-messagebox",isElement:m,events:g,props:h,slots:f};var x=Object.defineProperty,v=Object.getOwnPropertyDescriptor,o=(n,t,i,l)=>{for(var s=l>1?void 0:l?v(t,i):t,r=n.length-1,a;r>=0;r--)(a=n[r])&&(s=(l?a(t,i,s):a(s))||s);return l&&s&&x(t,i,s),s};exports.PktMessagebox=class extends e.PktElement{constructor(){super(),this.defaultSlot=p.e(),this.closable=c.props.closable.default,this.compact=c.props.compact.default,this.title="",this.skin=c.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.PktSlotController(this,this.defaultSlot),this._isClosed=!1}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=${k.e(t)}>
       ${this.closable?e.x`<div class="pkt-messagebox__close">
             <button
               @click=${this.close}
@@ -8,5 +8,5 @@
             </button>
           </div>`:e.E}
       ${this.title?e.x`<div class="pkt-messagebox__title">${this.title}</div>`:e.E}
-      <div class="pkt-messagebox__text" ${c.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([e.r()],exports.PktMessagebox.prototype,"_isClosed",2);exports.PktMessagebox=o([k.t("pkt-messagebox")],exports.PktMessagebox);
+      <div class="pkt-messagebox__text" ${p.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([e.r()],exports.PktMessagebox.prototype,"_isClosed",2);exports.PktMessagebox=o([d.t("pkt-messagebox")],exports.PktMessagebox);

package/dist/pkt-messagebox.js

@@ -1,6 +1,7 @@
 import { r as b, P as k, x as c, E as d, n } from "./index-CFDwiDTU.js";
-import { e as u, P as g, n as h } from "./ref-CaiKp3S2.js";
-import { e as f } from "./class-map-CBvUV2N3.js";
+import { P as u } from "./pkt-slot-controller-RJvOnbF4.js";
+import { e as g, n as f } from "./ref-Dzme4zb6.js";
+import { e as h } from "./class-map-CBvUV2N3.js";
 import { t as v } from "./custom-element-CWfU4dcr.js";
 import "./index-RwtTBIhT.js";
 const _ = "pkt-messagebox", x = !0, y = {
@@ -58,9 +59,9 @@ var P = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, o = (e, l, p
 };
 let s = class extends k {
   constructor() {
-    super(), this.defaultSlot = u(), this.closable = m.props.closable.default, this.compact = m.props.compact.default, this.title = "", this.skin = m.props.skin.default, this._isClosed = !1, this.close = (e) => {
+    super(), this.defaultSlot = g(), this.closable = m.props.closable.default, this.compact = m.props.compact.default, this.title = "", this.skin = m.props.skin.default, this._isClosed = !1, this.close = (e) => {
       this._isClosed = !0, this.dispatchEvent(new CustomEvent("close", { detail: { origin: e }, bubbles: !0 })), this.dispatchEvent(new CustomEvent("on-close", { detail: { origin: e }, bubbles: !0 }));
-    }, this.slotController = new g(this, this.defaultSlot), this._isClosed = !1;
+    }, this.slotController = new u(this, this.defaultSlot), this._isClosed = !1;
   }
   render() {
     const e = {
@@ -70,7 +71,7 @@ let s = class extends k {
       "pkt-messagebox--closable": this.closable,
       "pkt-hide": this._isClosed
     };
-    return c`<div class=${f(e)}>
+    return c`<div class=${h(e)}>
       ${this.closable ? c`<div class="pkt-messagebox__close">
             <button
               @click=${this.close}
@@ -80,7 +81,7 @@ let s = class extends k {
             </button>
           </div>` : d}
       ${this.title ? c`<div class="pkt-messagebox__title">${this.title}</div>` : d}
-      <div class="pkt-messagebox__text" ${h(this.defaultSlot)}></div>
+      <div class="pkt-messagebox__text" ${f(this.defaultSlot)}></div>
     </div>`;
   }
 };

package/dist/pkt-modal.cjs

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

package/dist/pkt-modal.js

@@ -1,4 +1,4 @@
-import { P as a } from "./modal-3OZTPqee.js";
+import { P as a } from "./modal-lQfiTbGh.js";
 const t = a;
 export {
   a as PktModal,

package/dist/pkt-progressbar.cjs

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

package/dist/pkt-progressbar.js

@@ -0,0 +1,6 @@
+import { a } from "./progressbar-1PEs_SMc.js";
+import { P as t } from "./progressbar-1PEs_SMc.js";
+export {
+  t as PktProgressbar,
+  a as default
+};

package/dist/pkt-slot-controller-Ckk_yV0j.cjs

@@ -0,0 +1 @@
+"use strict";class h{constructor(t,...e){this.nodes=[],this.host=t,this.host.addController(this),this.slots=e,this.nodes=[],this.observer=new MutationObserver(o=>this.handleMutations(o))}hostConnected(){this.updateNodes(),this.observer.observe(this.host,{childList:!0})}hostDisconnected(){this.observer.disconnect()}hostUpdated(){this.updateSlots()}updateNodes(){this.nodes=[],Array.from(this.host.childNodes).forEach(e=>{var o;if(e.nodeType===Node.TEXT_NODE&&((o=e.nodeValue)!=null&&o.trim())){const s=document==null?void 0:document.createElement("template");s.content.appendChild(e),this.nodes.push(s)}else this.isSlotElement(e)||this.nodes.push(e)})}updateSlots(){this.slots.forEach(t=>{if(!t.value)return;const e=t.value.getAttribute("name"),s=this.nodes.flatMap(i=>i.getAttribute&&i.getAttribute("slot")==e?this.nodeFromElement(i,t):[]).filter(i=>t.value&&!t.value.contains(i)&&!i.contains(t.value));s.length>0&&t.value.replaceChildren(...s)})}handleMutations(t){let e=!1;t.forEach(o=>{o.type==="childList"&&(o.addedNodes.forEach(s=>{var l;const i=s.nodeType===Node.ELEMENT_NODE&&!this.isSlotElement(s),n=s.nodeType===Node.TEXT_NODE&&((l=s.nodeValue)==null?void 0:l.trim());if(i)this.nodes.push(s),e=!0;else if(n){const d=document==null?void 0:document.createElement("template");d.content.appendChild(s),this.nodes.push(d),e=!0}}),o.removedNodes.forEach(s=>{this.nodes=this.nodes.filter(i=>i!==s),e=!0}))}),e&&this.updateSlots()}isSlotElement(t){return this.slots.some(e=>e.value===t)}nodeFromElement(t,e){var o;return t===((o=e.value)==null?void 0:o.parentNode)?[]:t instanceof HTMLTemplateElement?Array.from(t.content.childNodes):[t]}}exports.PktSlotController=h;

package/dist/pkt-slot-controller-RJvOnbF4.js

@@ -0,0 +1,61 @@
+class r {
+  constructor(t, ...e) {
+    this.nodes = [], this.host = t, this.host.addController(this), this.slots = e, this.nodes = [], this.observer = new MutationObserver((o) => this.handleMutations(o));
+  }
+  hostConnected() {
+    this.updateNodes(), this.observer.observe(this.host, { childList: !0 });
+  }
+  hostDisconnected() {
+    this.observer.disconnect();
+  }
+  hostUpdated() {
+    this.updateSlots();
+  }
+  updateNodes() {
+    this.nodes = [], Array.from(this.host.childNodes).forEach((e) => {
+      var o;
+      if (e.nodeType === Node.TEXT_NODE && ((o = e.nodeValue) != null && o.trim())) {
+        const s = document == null ? void 0 : document.createElement("template");
+        s.content.appendChild(e), this.nodes.push(s);
+      } else this.isSlotElement(e) || this.nodes.push(e);
+    });
+  }
+  updateSlots() {
+    this.slots.forEach((t) => {
+      if (!t.value) return;
+      const e = t.value.getAttribute("name"), s = this.nodes.flatMap(
+        (i) => i.getAttribute && i.getAttribute("slot") == e ? this.nodeFromElement(i, t) : []
+      ).filter(
+        (i) => t.value && !t.value.contains(i) && !i.contains(t.value)
+      );
+      s.length > 0 && t.value.replaceChildren(...s);
+    });
+  }
+  handleMutations(t) {
+    let e = !1;
+    t.forEach((o) => {
+      o.type === "childList" && (o.addedNodes.forEach((s) => {
+        var d;
+        const i = s.nodeType === Node.ELEMENT_NODE && !this.isSlotElement(s), l = s.nodeType === Node.TEXT_NODE && ((d = s.nodeValue) == null ? void 0 : d.trim());
+        if (i)
+          this.nodes.push(s), e = !0;
+        else if (l) {
+          const n = document == null ? void 0 : document.createElement("template");
+          n.content.appendChild(s), this.nodes.push(n), e = !0;
+        }
+      }), o.removedNodes.forEach((s) => {
+        this.nodes = this.nodes.filter((i) => i !== s), e = !0;
+      }));
+    }), e && this.updateSlots();
+  }
+  isSlotElement(t) {
+    return this.slots.some((e) => e.value === t);
+  }
+  nodeFromElement(t, e) {
+    var o;
+    return t === ((o = e.value) == null ? void 0 : o.parentNode) ? [] : t instanceof HTMLTemplateElement ? Array.from(t.content.childNodes) : [t];
+  }
+}
+export {
+  r as P
+};

package/dist/pkt-tag.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./class-map-a5HUzP83.cjs"),g=require("./custom-element-B-TlBwRu.cjs"),t=require("./index-CR7t1zY9.cjs"),o=require("./ref-C2yPtMJA.cjs");require("./index-CmTjXoAb.cjs");const h="pkt-tag",k=!0,d={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","green","red","beige","yellow","gray","blue-light"]},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"}},f={default:{description:"Teksten til tag"}},a={name:h,"css-class":"pkt-tag",isElement:k,props:d,slots:f};var y=Object.defineProperty,m=Object.getOwnPropertyDescriptor,s=(n,e,l,r)=>{for(var i=r>1?void 0:r?m(e,l):e,p=n.length-1,c;p>=0;p--)(c=n[p])&&(i=(r?c(e,l,i):c(i))||i);return r&&i&&y(e,l,i),i};exports.PktTag=class extends t.PktElement{constructor(){super(),this.defaultSlot=o.e(),this.closeTag=a.props.closeTag.default,this.size=a.props.size.default,this.skin=a.props.skin.default,this.textStyle=a.props.textStyle.default,this.iconName=void 0,this.type=a.props.type.default,this.ariaLabel=a.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 o.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},l={"pkt-tag":!0,"pkt-btn":!0,"pkt-btn--tertiary":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle,"pkt-btn--icons-right-and-left":this.closeTag&&!!this.iconName,"pkt-hide":this._isClosed};return this.closeTag?t.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./class-map-a5HUzP83.cjs"),g=require("./custom-element-B-TlBwRu.cjs"),t=require("./index-CR7t1zY9.cjs"),h=require("./pkt-slot-controller-Ckk_yV0j.cjs"),c=require("./ref-CA2-0S_W.cjs");require("./index-CmTjXoAb.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","green","red","beige","yellow","gray","blue-light"]},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"}},a={name:k,"css-class":"pkt-tag",isElement:d,props:f,slots:y};var m=Object.defineProperty,b=Object.getOwnPropertyDescriptor,s=(o,e,l,r)=>{for(var i=r>1?void 0:r?b(e,l):e,n=o.length-1,p;n>=0;n--)(p=o[n])&&(i=(r?p(e,l,i):p(i))||i);return r&&i&&m(e,l,i),i};exports.PktTag=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.closeTag=a.props.closeTag.default,this.size=a.props.size.default,this.skin=a.props.skin.default,this.textStyle=a.props.textStyle.default,this.iconName=void 0,this.type=a.props.type.default,this.ariaLabel=a.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 h.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},l={"pkt-tag":!0,"pkt-btn":!0,"pkt-btn--tertiary":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle,"pkt-btn--icons-right-and-left":this.closeTag&&!!this.iconName,"pkt-hide":this._isClosed};return this.closeTag?t.x`
         <button
           class=${u.e(l)}
           type=${this.type}
@@ -6,12 +6,12 @@
           @click=${this.close}
         >
           ${this.iconName&&t.x`<pkt-icon class="pkt-tag__icon" name=${this.iconName}></pkt-icon>`}
-          <span ${o.n(this.defaultSlot)}></span>
+          <span ${c.n(this.defaultSlot)}></span>
           <pkt-icon class="pkt-tag__close-btn" name="close"></pkt-icon>
         </button>
       `:t.x`
         <span class=${u.e(e)}>
           ${this.iconName&&t.x` <pkt-icon class="pkt-tag__icon" name=${this.iconName}></pkt-icon> `}
-          <span ${o.n(this.defaultSlot)}></span>
+          <span ${c.n(this.defaultSlot)}></span>
         </span>
       `}};s([t.n({type:Boolean,reflect:!0})],exports.PktTag.prototype,"closeTag",2);s([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"size",2);s([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"skin",2);s([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"textStyle",2);s([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"iconName",2);s([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"type",2);s([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"ariaLabel",2);s([t.r()],exports.PktTag.prototype,"_isClosed",2);exports.PktTag=s([g.t("pkt-tag")],exports.PktTag);

package/dist/pkt-tag.js

@@ -1,7 +1,8 @@
 import { e as h } from "./class-map-CBvUV2N3.js";
 import { t as d } from "./custom-element-CWfU4dcr.js";
-import { r as y, P as g, x as p, n as l } from "./index-CFDwiDTU.js";
-import { e as m, P as k, n as f } from "./ref-CaiKp3S2.js";
+import { r as m, P as y, x as p, n as o } from "./index-CFDwiDTU.js";
+import { P as g } from "./pkt-slot-controller-RJvOnbF4.js";
+import { e as k, n as f } from "./ref-Dzme4zb6.js";
 import "./index-RwtTBIhT.js";
 const b = "pkt-tag", S = !0, $ = {
   closeTag: {
@@ -61,27 +62,27 @@ const b = "pkt-tag", S = !0, $ = {
   default: {
     description: "Teksten til tag"
   }
-}, a = {
+}, r = {
   name: b,
   "css-class": "pkt-tag",
   isElement: S,
   props: $,
   slots: _
 };
-var x = Object.defineProperty, C = Object.getOwnPropertyDescriptor, e = (s, o, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? C(o, n) : o, c = s.length - 1, u; c >= 0; c--)
-    (u = s[c]) && (i = (r ? u(o, n, i) : u(i)) || i);
-  return r && i && x(o, n, i), i;
+var x = Object.defineProperty, C = Object.getOwnPropertyDescriptor, e = (s, l, n, a) => {
+  for (var i = a > 1 ? void 0 : a ? C(l, n) : l, c = s.length - 1, u; c >= 0; c--)
+    (u = s[c]) && (i = (a ? u(l, n, i) : u(i)) || i);
+  return a && i && x(l, n, i), i;
 };
-let t = class extends g {
+let t = class extends y {
   constructor() {
-    super(), this.defaultSlot = m(), this.closeTag = a.props.closeTag.default, this.size = a.props.size.default, this.skin = a.props.skin.default, this.textStyle = a.props.textStyle.default, this.iconName = void 0, this.type = a.props.type.default, this.ariaLabel = a.props.ariaLabel.default, this._isClosed = !1, this.close = (s) => {
+    super(), this.defaultSlot = k(), this.closeTag = r.props.closeTag.default, this.size = r.props.size.default, this.skin = r.props.skin.default, this.textStyle = r.props.textStyle.default, this.iconName = void 0, this.type = r.props.type.default, this.ariaLabel = r.props.ariaLabel.default, this._isClosed = !1, this.close = (s) => {
       this._isClosed = !0, this.dispatchEvent(
         new CustomEvent("close", { detail: { origin: s }, bubbles: !0, composed: !0 })
       ), this.dispatchEvent(
         new CustomEvent("on-close", { detail: { origin: s }, bubbles: !0, composed: !0 })
       );
-    }, this.slotController = new k(this, this.defaultSlot), this._isClosed = !1;
+    }, this.slotController = new g(this, this.defaultSlot), this._isClosed = !1;
   }
   render() {
     const s = {
@@ -89,7 +90,7 @@ let t = class extends g {
       [`pkt-tag--${this.size}`]: !!this.size,
       [`pkt-tag--${this.skin}`]: !!this.skin,
       [`pkt-tag--${this.textStyle}`]: !!this.textStyle
-    }, o = {
+    }, l = {
       "pkt-tag": !0,
       "pkt-btn": !0,
       "pkt-btn--tertiary": !0,
@@ -101,7 +102,7 @@ let t = class extends g {
     };
     return this.closeTag ? p`
         <button
-          class=${h(o)}
+          class=${h(l)}
           type=${this.type}
           aria-label=${this.ariaLabel}
           @click=${this.close}
@@ -119,28 +120,28 @@ let t = class extends g {
   }
 };
 e([
-  l({ type: Boolean, reflect: !0 })
+  o({ type: Boolean, reflect: !0 })
 ], t.prototype, "closeTag", 2);
 e([
-  l({ type: String, reflect: !0 })
+  o({ type: String, reflect: !0 })
 ], t.prototype, "size", 2);
 e([
-  l({ type: String, reflect: !0 })
+  o({ type: String, reflect: !0 })
 ], t.prototype, "skin", 2);
 e([
-  l({ type: String, reflect: !0 })
+  o({ type: String, reflect: !0 })
 ], t.prototype, "textStyle", 2);
 e([
-  l({ type: String, reflect: !0 })
+  o({ type: String, reflect: !0 })
 ], t.prototype, "iconName", 2);
 e([
-  l({ type: String, reflect: !0 })
+  o({ type: String, reflect: !0 })
 ], t.prototype, "type", 2);
 e([
-  l({ type: String, reflect: !0 })
+  o({ type: String, reflect: !0 })
 ], t.prototype, "ariaLabel", 2);
 e([
-  y()
+  m()
 ], t.prototype, "_isClosed", 2);
 t = e([
   d("pkt-tag")

package/dist/pkt-textarea.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textarea-B45ZZYpx.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-D_ud1Mpa.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-BTpJjEhO.js";
+import { P as a } from "./textarea-BXzQA_ub.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-BIhQEr8z.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-52G3CfwA.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-CVo5wG14.js";
+import { P as t } from "./textinput-CTNWiIaP.js";
 const p = t;
 export {
   t as PktTextinput,

package/dist/progressbar-1PEs_SMc.js

@@ -0,0 +1,155 @@
+import { E as $, T as m, r as b, P as _, u as P, x as h, n as o } from "./index-CFDwiDTU.js";
+import { e as u } from "./class-map-CBvUV2N3.js";
+import { e as k, i as x, a as w, t as B } from "./custom-element-CWfU4dcr.js";
+import { e as d, n as C } from "./ref-Dzme4zb6.js";
+import "./index-RwtTBIhT.js";
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const c = (t) => t ?? $;
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const f = "important", T = " !" + f, M = k(class extends x {
+  constructor(t) {
+    var s;
+    if (super(t), t.type !== w.ATTRIBUTE || t.name !== "style" || ((s = t.strings) == null ? void 0 : s.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
+  }
+  render(t) {
+    return Object.keys(t).reduce((s, r) => {
+      const e = t[r];
+      return e == null ? s : s + `${r = r.includes("-") ? r : r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${e};`;
+    }, "");
+  }
+  update(t, [s]) {
+    const { style: r } = t.element;
+    if (this.ft === void 0) return this.ft = new Set(Object.keys(s)), this.render(s);
+    for (const e of this.ft) s[e] == null && (this.ft.delete(e), e.includes("-") ? r.removeProperty(e) : r[e] = null);
+    for (const e in s) {
+      const i = s[e];
+      if (i != null) {
+        this.ft.add(e);
+        const p = typeof i == "string" && i.endsWith(T);
+        e.includes("-") || p ? r.setProperty(e, p ? i.slice(0, -11) : i, p ? f : "") : r[e] = i;
+      }
+    }
+    return m;
+  }
+});
+var S = Object.defineProperty, I = Object.getOwnPropertyDescriptor, l = (t, s, r, e) => {
+  for (var i = e > 1 ? void 0 : e ? I(s, r) : s, p = t.length - 1, n; p >= 0; p--)
+    (n = t[p]) && (i = (e ? n(s, r, i) : n(i)) || i);
+  return e && i && S(s, r, i), i;
+};
+let a = class extends _ {
+  constructor() {
+    super(...arguments), this.valueCurrent = 0, this.valueMax = 100, this.valueMin = 0, this.skin = "dark-blue", this.title = "", this.titlePosition = "left", this.statusType = "none", this.statusPlacement = "following", this.ariaLabel = "", this.ariaLabelledby = "", this.ariaValueText = "", this.role = "progressbar", this.labelWidth = 0, this.progressBarId = this.id, this.labelRef = d(), this.progressBarRef = d();
+  }
+  firstUpdated(t) {
+    super.firstUpdated(t), this.id ? this.progressBarId = this.id : this.progressBarId = P();
+  }
+  updated(t) {
+    super.updated(t), t.has("valueCurrent") && this.labelRef.value && (this.labelWidth = this.labelRef.value.getBoundingClientRect().width || 0), t.has("id") && this.id && (this.progressBarId = this.id);
+  }
+  render() {
+    const t = this.valueMax - this.valueMin, s = this.valueCurrent / t * 100, r = this.valueMax !== 100 || this.valueMin !== 0 ? Math.round(s) : this.valueCurrent, e = `${this.valueCurrent} av ${this.valueMax}`, i = this.statusType !== "none", p = this.ariaLabelledby || this.progressBarId && `${this.progressBarId}-title`, n = u({
+      "pkt-progressbar__bar": !0,
+      [`pkt-progressbar__bar--${this.skin}`]: !!this.skin
+    }), g = u({
+      "pkt-progressbar__title": !0,
+      "pkt-progressbar__title-center": this.titlePosition === "center"
+    }), y = u({
+      "pkt-progressbar__status": !0,
+      "pkt-progressbar__status--center": this.statusPlacement === "center"
+    }), v = u({
+      "pkt-progressbar__status-placement--following": this.statusPlacement === "following",
+      "pkt-progressbar__status-placement--center": this.statusPlacement === "center",
+      "pkt-progressbar__status-placement--left": this.statusPlacement === "left"
+    });
+    return h` <div
+      id=${this.progressBarId}
+      class="pkt-progressbar__container"
+      .ref=${this.progressBarRef}
+      style=${M({
+      "--pkt-progress-label-width": `${this.labelWidth}px`,
+      "--pkt-progress-width": `${r}%`
+    })}
+    >
+      ${this.title && h`<p id=${`${this.progressBarId}-title`} class=${g}>${this.title}</p>`}
+
+      <div
+        .id=${this.progressBarId}
+        role=${this.role}
+        class="pkt-progressbar__bar-wrapper"
+        aria-valuemin=${this.valueMin}
+        aria-valuemax=${this.valueMax}
+        aria-valuenow=${this.valueCurrent}
+        aria-labelledby=${c(p)}
+        aria-label=${c(this.ariaLabel)}
+        aria-valuetext=${c(this.ariaValueText)}
+      >
+        <div class=${n}></div>
+      </div>
+
+      ${i && h`<div class=${y}>
+        <span class=${v} ${C(this.labelRef)}>
+          ${this.statusType === "percentage" ? `${r}%` : e}
+        </span>
+      </div>`}
+    </div>`;
+  }
+};
+l([
+  o({ type: Number, reflect: !0 })
+], a.prototype, "valueCurrent", 2);
+l([
+  o({ type: Number, reflect: !0 })
+], a.prototype, "valueMax", 2);
+l([
+  o({ type: Number, reflect: !0 })
+], a.prototype, "valueMin", 2);
+l([
+  o({ type: String, reflect: !0 })
+], a.prototype, "skin", 2);
+l([
+  o({ type: String, reflect: !0 })
+], a.prototype, "title", 2);
+l([
+  o({ type: String, reflect: !0 })
+], a.prototype, "titlePosition", 2);
+l([
+  o({ type: String, reflect: !0 })
+], a.prototype, "statusType", 2);
+l([
+  o({ type: String, reflect: !0 })
+], a.prototype, "statusPlacement", 2);
+l([
+  o({ type: String, reflect: !0 })
+], a.prototype, "ariaLabel", 2);
+l([
+  o({ type: String, reflect: !0 })
+], a.prototype, "ariaLabelledby", 2);
+l([
+  o({ type: String, reflect: !0 })
+], a.prototype, "ariaValueText", 2);
+l([
+  o({ type: String, reflect: !0 })
+], a.prototype, "role", 2);
+l([
+  b()
+], a.prototype, "labelWidth", 2);
+l([
+  b()
+], a.prototype, "progressBarId", 2);
+a = l([
+  B("pkt-progressbar")
+], a);
+const E = a;
+export {
+  a as P,
+  E as a
+};

package/dist/progressbar-BlzTFI9U.cjs

@@ -0,0 +1,36 @@
+"use strict";const r=require("./index-CR7t1zY9.cjs"),p=require("./class-map-a5HUzP83.cjs"),u=require("./custom-element-B-TlBwRu.cjs"),h=require("./ref-CA2-0S_W.cjs");require("./index-CmTjXoAb.cjs");/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const c=i=>i??r.E;/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const b="important",y=" !"+b,v=u.e(class extends u.i{constructor(i){var t;if(super(i),i.type!==u.t$1.ATTRIBUTE||i.name!=="style"||((t=i.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(i){return Object.keys(i).reduce((t,s)=>{const e=i[s];return e==null?t:t+`${s=s.includes("-")?s:s.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${e};`},"")}update(i,[t]){const{style:s}=i.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const e of this.ft)t[e]==null&&(this.ft.delete(e),e.includes("-")?s.removeProperty(e):s[e]=null);for(const e in t){const a=t[e];if(a!=null){this.ft.add(e);const o=typeof a=="string"&&a.endsWith(y);e.includes("-")||o?s.setProperty(e,o?a.slice(0,-11):a,o?b:""):s[e]=a}}return r.T}});var k=Object.defineProperty,$=Object.getOwnPropertyDescriptor,l=(i,t,s,e)=>{for(var a=e>1?void 0:e?$(t,s):t,o=i.length-1,n;o>=0;o--)(n=i[o])&&(a=(e?n(t,s,a):n(a))||a);return e&&a&&k(t,s,a),a};exports.PktProgressbar=class extends r.PktElement{constructor(){super(...arguments),this.valueCurrent=0,this.valueMax=100,this.valueMin=0,this.skin="dark-blue",this.title="",this.titlePosition="left",this.statusType="none",this.statusPlacement="following",this.ariaLabel="",this.ariaLabelledby="",this.ariaValueText="",this.role="progressbar",this.labelWidth=0,this.progressBarId=this.id,this.labelRef=h.e(),this.progressBarRef=h.e()}firstUpdated(t){super.firstUpdated(t),this.id?this.progressBarId=this.id:this.progressBarId=r.uuidish()}updated(t){super.updated(t),t.has("valueCurrent")&&this.labelRef.value&&(this.labelWidth=this.labelRef.value.getBoundingClientRect().width||0),t.has("id")&&this.id&&(this.progressBarId=this.id)}render(){const t=this.valueMax-this.valueMin,s=this.valueCurrent/t*100,e=this.valueMax!==100||this.valueMin!==0?Math.round(s):this.valueCurrent,a=`${this.valueCurrent} av ${this.valueMax}`,o=this.statusType!=="none",n=this.ariaLabelledby||this.progressBarId&&`${this.progressBarId}-title`,g=p.e({"pkt-progressbar__bar":!0,[`pkt-progressbar__bar--${this.skin}`]:!!this.skin}),d=p.e({"pkt-progressbar__title":!0,"pkt-progressbar__title-center":this.titlePosition==="center"}),P=p.e({"pkt-progressbar__status":!0,"pkt-progressbar__status--center":this.statusPlacement==="center"}),f=p.e({"pkt-progressbar__status-placement--following":this.statusPlacement==="following","pkt-progressbar__status-placement--center":this.statusPlacement==="center","pkt-progressbar__status-placement--left":this.statusPlacement==="left"});return r.x` <div
+      id=${this.progressBarId}
+      class="pkt-progressbar__container"
+      .ref=${this.progressBarRef}
+      style=${v({"--pkt-progress-label-width":`${this.labelWidth}px`,"--pkt-progress-width":`${e}%`})}
+    >
+      ${this.title&&r.x`<p id=${`${this.progressBarId}-title`} class=${d}>${this.title}</p>`}
+
+      <div
+        .id=${this.progressBarId}
+        role=${this.role}
+        class="pkt-progressbar__bar-wrapper"
+        aria-valuemin=${this.valueMin}
+        aria-valuemax=${this.valueMax}
+        aria-valuenow=${this.valueCurrent}
+        aria-labelledby=${c(n)}
+        aria-label=${c(this.ariaLabel)}
+        aria-valuetext=${c(this.ariaValueText)}
+      >
+        <div class=${g}></div>
+      </div>
+
+      ${o&&r.x`<div class=${P}>
+        <span class=${f} ${h.n(this.labelRef)}>
+          ${this.statusType==="percentage"?`${e}%`:a}
+        </span>
+      </div>`}
+    </div>`}};l([r.n({type:Number,reflect:!0})],exports.PktProgressbar.prototype,"valueCurrent",2);l([r.n({type:Number,reflect:!0})],exports.PktProgressbar.prototype,"valueMax",2);l([r.n({type:Number,reflect:!0})],exports.PktProgressbar.prototype,"valueMin",2);l([r.n({type:String,reflect:!0})],exports.PktProgressbar.prototype,"skin",2);l([r.n({type:String,reflect:!0})],exports.PktProgressbar.prototype,"title",2);l([r.n({type:String,reflect:!0})],exports.PktProgressbar.prototype,"titlePosition",2);l([r.n({type:String,reflect:!0})],exports.PktProgressbar.prototype,"statusType",2);l([r.n({type:String,reflect:!0})],exports.PktProgressbar.prototype,"statusPlacement",2);l([r.n({type:String,reflect:!0})],exports.PktProgressbar.prototype,"ariaLabel",2);l([r.n({type:String,reflect:!0})],exports.PktProgressbar.prototype,"ariaLabelledby",2);l([r.n({type:String,reflect:!0})],exports.PktProgressbar.prototype,"ariaValueText",2);l([r.n({type:String,reflect:!0})],exports.PktProgressbar.prototype,"role",2);l([r.r()],exports.PktProgressbar.prototype,"labelWidth",2);l([r.r()],exports.PktProgressbar.prototype,"progressBarId",2);exports.PktProgressbar=l([u.t("pkt-progressbar")],exports.PktProgressbar);const m=exports.PktProgressbar;exports.PktProgressbar$1=m;

package/dist/progressbar.d.ts

@@ -0,0 +1,8 @@
+export { }
+
+
+declare global {
+    interface Window {
+        pktTz: string;
+    }
+}

package/dist/ref-CA2-0S_W.cjs

@@ -0,0 +1,13 @@
+"use strict";const l=require("./index-CR7t1zY9.cjs"),d=require("./custom-element-B-TlBwRu.cjs");/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const{I:p}=l.Z,a=t=>t.strings===void 0,u=()=>document.createComment(""),Y=(t,s,e)=>{var h;const i=t._$AA.parentNode,n=s===void 0?t._$AB:s._$AA;if(e===void 0){const r=i.insertBefore(u(),n),$=i.insertBefore(u(),n);e=new p(r,$,t,t.options)}else{const r=e._$AB.nextSibling,$=e._$AM,f=$!==t;if(f){let o;(h=e._$AQ)==null||h.call(e,t),e._$AM=t,e._$AP!==void 0&&(o=t._$AU)!==$._$AU&&e._$AP(o)}if(r!==n||f){let o=e._$AA;for(;o!==r;){const g=o.nextSibling;i.insertBefore(o,n),o=g}}}return e},m=(t,s,e=t)=>(t._$AI(s,e),t),C={},M=(t,s=C)=>t._$AH=s,b=t=>t._$AH,N=t=>{var i;(i=t._$AP)==null||i.call(t,!1,!0);let s=t._$AA;const e=t._$AB.nextSibling;for(;s!==e;){const n=s.nextSibling;s.remove(),s=n}};/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const c=(t,s)=>{var i;const e=t._$AN;if(e===void 0)return!1;for(const n of e)(i=n._$AO)==null||i.call(n,s,!1),c(n,s);return!0},A=t=>{let s,e;do{if((s=t._$AM)===void 0)break;e=s._$AN,e.delete(t),t=s}while((e==null?void 0:e.size)===0)},v=t=>{for(let s;s=t._$AM;t=s){let e=s._$AN;if(e===void 0)s._$AN=e=new Set;else if(e.has(t))break;e.add(t),B(s)}};function w(t){this._$AN!==void 0?(A(this),this._$AM=t,v(this)):this._$AM=t}function x(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++)c(i[h],!1),A(i[h]);else i!=null&&(c(i,!1),A(i));else c(this,t)}const B=t=>{t.type==d.t$1.CHILD&&(t._$AP??(t._$AP=x),t._$AQ??(t._$AQ=w))};class y extends d.i{constructor(){super(...arguments),this._$AN=void 0}_$AT(s,e,i){super._$AT(s,e,i),v(this),this.isConnected=s._$AU}_$AO(s,e=!0){var i,n;s!==this.isConnected&&(this.isConnected=s,s?(i=this.reconnected)==null||i.call(this):(n=this.disconnected)==null||n.call(this)),e&&(c(this,s),A(this))}setValue(s){if(a(this._$Ct))this._$Ct._$AI(s,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=s,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const H=()=>new I;class I{}const _=new WeakMap,S=d.e(class extends y{render(t){return l.E}update(t,[s]){var i;const e=s!==this.Y;return e&&this.Y!==void 0&&this.rt(void 0),(e||this.lt!==this.ct)&&(this.Y=s,this.ht=(i=t.options)==null?void 0:i.host,this.rt(this.ct=t.element)),l.E}rt(t){if(this.isConnected||(t=void 0),typeof this.Y=="function"){const s=this.ht??globalThis;let e=_.get(s);e===void 0&&(e=new WeakMap,_.set(s,e)),e.get(this.Y)!==void 0&&this.Y.call(this.ht,void 0),e.set(this.Y,t),t!==void 0&&this.Y.call(this.ht,t)}else this.Y.value=t}get lt(){var t,s;return typeof this.Y=="function"?(t=_.get(this.ht??globalThis))==null?void 0:t.get(this.Y):(s=this.Y)==null?void 0:s.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});exports.M=N;exports.e=H;exports.f=a;exports.m=M;exports.n=S;exports.p=b;exports.r=Y;exports.v=m;