@oslokommune/punkt-elements 12.17.2 → 12.18.0

package/dist/index.d.ts

@@ -31,6 +31,21 @@ declare interface IPktModal {
     size?: ModalSize;
 }
 
+export declare interface IPktProgressbar {
+    valueCurrent: number;
+    valueMax?: number;
+    valueMin?: number;
+    ariaValueText?: string;
+    skin?: TProgressbarSkin;
+    title?: string;
+    titlePosition?: TProgressbarTitlePosition;
+    statusType?: TProgressbarStatusType;
+    statusPlacement?: TProgressbarStatusPlacement;
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+    role?: TProgressbarRole;
+}
+
 declare interface IPktTag {
     closeTag?: boolean;
     size?: TagSize;
@@ -447,6 +462,28 @@ export declare class PktModal extends PktElement implements IPktModal {
     render(): TemplateResult<1>;
 }
 
+export declare class PktProgressbar extends PktElement implements IPktProgressbar {
+    valueCurrent: number;
+    valueMax: number;
+    valueMin: number;
+    skin: TProgressbarSkin;
+    title: string;
+    titlePosition: TProgressbarTitlePosition;
+    statusType: TProgressbarStatusType;
+    statusPlacement: TProgressbarStatusPlacement;
+    ariaLabel: string;
+    ariaLabelledby: string;
+    ariaValueText: string;
+    role: TProgressbarRole;
+    private labelWidth;
+    private progressBarId;
+    private labelRef;
+    private progressBarRef;
+    firstUpdated(changedProperties: Map<string | number | symbol, unknown>): void;
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    render(): TemplateResult<1>;
+}
+
 declare class PktSlotController implements ReactiveController {
     host: LitElement & ReactiveControllerHost;
     nodes: Element[];
@@ -522,6 +559,16 @@ declare type TagSkin = 'blue' | 'green' | 'red' | 'yellow' | 'beige' | 'blue-lig
 
 declare type TagType = 'button' | 'reset' | 'submit';
 
+export declare type TProgressbarRole = 'progressbar' | 'meter';
+
+export declare type TProgressbarSkin = 'dark-blue' | 'light-blue' | 'green' | 'red';
+
+export declare type TProgressbarStatusPlacement = 'center' | 'left' | 'following';
+
+export declare type TProgressbarStatusType = 'none' | 'percentage' | 'fraction';
+
+export declare type TProgressbarTitlePosition = 'left' | 'center';
+
 export { }
 
 

package/dist/{input-wrapper-6vTrKtsW.js → input-wrapper-DVXNuxVu.js}

@@ -1,5 +1,6 @@
-import { P as x, u as w, s as o, E as a, x as p, n as r } from "./index-CFDwiDTU.js";
-import { e as k, P as m, n as v } from "./ref-CaiKp3S2.js";
+import { P as x, u as m, s as o, E as a, x as p, n as r } from "./index-CFDwiDTU.js";
+import { P as w } from "./pkt-slot-controller-RJvOnbF4.js";
+import { e as k, n as v } from "./ref-Dzme4zb6.js";
 import { o as T } from "./index-RwtTBIhT.js";
 import { e as u } from "./class-map-CBvUV2N3.js";
 import { t as _ } from "./custom-element-CWfU4dcr.js";
@@ -11,7 +12,7 @@ var D = Object.defineProperty, B = Object.getOwnPropertyDescriptor, e = (c, h, l
 };
 let t = class extends x {
   constructor() {
-    super(), this.defaultSlot = k(), this.forId = w(), this.label = "", this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = o.props.helptextDropdownButton.default, this.counter = o.props.counter.default, this.counterCurrent = 0, this.counterMaxLength = 0, this.optionalTag = o.props.optionalTag.default, this.optionalText = o.props.optionalText.default, this.requiredTag = o.props.requiredTag.default, this.requiredText = o.props.requiredText.default, this.hasError = o.props.hasError.default, this.errorMessage = "", this.disabled = o.props.disabled.default, this.inline = o.props.inline.default, this.ariaDescribedby = void 0, this.hasFieldset = o.props.hasFieldset.default, this.useWrapper = o.props.useWrapper.default, this.slotController = new m(this, this.defaultSlot);
+    super(), this.defaultSlot = k(), this.forId = m(), this.label = "", this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = o.props.helptextDropdownButton.default, this.counter = o.props.counter.default, this.counterCurrent = 0, this.counterMaxLength = 0, this.optionalTag = o.props.optionalTag.default, this.optionalText = o.props.optionalText.default, this.requiredTag = o.props.requiredTag.default, this.requiredText = o.props.requiredText.default, this.hasError = o.props.hasError.default, this.errorMessage = "", this.disabled = o.props.disabled.default, this.inline = o.props.inline.default, this.ariaDescribedby = void 0, this.hasFieldset = o.props.hasFieldset.default, this.useWrapper = o.props.useWrapper.default, this.slotController = new w(this, this.defaultSlot);
   }
   render() {
     const c = {

package/dist/{input-wrapper-DX41tnbj.cjs → input-wrapper-tJE-X4Ac.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./index-CR7t1zY9.cjs"),h=require("./ref-C2yPtMJA.cjs"),b=require("./index-CmTjXoAb.cjs"),a=require("./class-map-a5HUzP83.cjs"),f=require("./custom-element-B-TlBwRu.cjs");require("./helptext-_fMLOOCL.cjs");var $=Object.defineProperty,g=Object.getOwnPropertyDescriptor,e=(l,i,n,p)=>{for(var r=p>1?void 0:p?g(i,n):i,s=l.length-1,o;s>=0;s--)(o=l[s])&&(r=(p?o(i,n,r):o(r))||r);return p&&r&&$(i,n,r),r};exports.PktInputWrapper=class extends t.PktElement{constructor(){super(),this.defaultSlot=h.e(),this.forId=t.uuidish(),this.label="",this.helptext="",this.helptextDropdown="",this.helptextDropdownButton=t.specs.props.helptextDropdownButton.default,this.counter=t.specs.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.optionalTag=t.specs.props.optionalTag.default,this.optionalText=t.specs.props.optionalText.default,this.requiredTag=t.specs.props.requiredTag.default,this.requiredText=t.specs.props.requiredText.default,this.hasError=t.specs.props.hasError.default,this.errorMessage="",this.disabled=t.specs.props.disabled.default,this.inline=t.specs.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=t.specs.props.hasFieldset.default,this.useWrapper=t.specs.props.useWrapper.default,this.slotController=new h.PktSlotController(this,this.defaultSlot)}render(){const i={"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},p=this.helptextDropdown!=="",r={"pkt-inputwrapper__label":!0,"pkt-inputwrapper__fieldset":this.hasFieldset,"pkt-inputwrapper__legend":this.hasFieldset},s=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:t.E,o=()=>this.optionalTag||this.requiredTag?t.x`<span class=${a.e(n)}
+"use strict";const t=require("./index-CR7t1zY9.cjs"),b=require("./pkt-slot-controller-Ckk_yV0j.cjs"),h=require("./ref-CA2-0S_W.cjs"),f=require("./index-CmTjXoAb.cjs"),a=require("./class-map-a5HUzP83.cjs"),$=require("./custom-element-B-TlBwRu.cjs");require("./helptext-_fMLOOCL.cjs");var g=Object.defineProperty,I=Object.getOwnPropertyDescriptor,e=(l,i,n,p)=>{for(var r=p>1?void 0:p?I(i,n):i,s=l.length-1,o;s>=0;s--)(o=l[s])&&(r=(p?o(i,n,r):o(r))||r);return p&&r&&g(i,n,r),r};exports.PktInputWrapper=class extends t.PktElement{constructor(){super(),this.defaultSlot=h.e(),this.forId=t.uuidish(),this.label="",this.helptext="",this.helptextDropdown="",this.helptextDropdownButton=t.specs.props.helptextDropdownButton.default,this.counter=t.specs.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.optionalTag=t.specs.props.optionalTag.default,this.optionalText=t.specs.props.optionalText.default,this.requiredTag=t.specs.props.requiredTag.default,this.requiredText=t.specs.props.requiredText.default,this.hasError=t.specs.props.hasError.default,this.errorMessage="",this.disabled=t.specs.props.disabled.default,this.inline=t.specs.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=t.specs.props.hasFieldset.default,this.useWrapper=t.specs.props.useWrapper.default,this.slotController=new b.PktSlotController(this,this.defaultSlot)}render(){const i={"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},p=this.helptextDropdown!=="",r={"pkt-inputwrapper__label":!0,"pkt-inputwrapper__fieldset":this.hasFieldset,"pkt-inputwrapper__legend":this.hasFieldset},s=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:t.E,o=()=>this.optionalTag||this.requiredTag?t.x`<span class=${a.e(n)}
           >${this.optionalTag?this.optionalText:this.requiredTag?this.requiredText:t.E}</span
         >`:t.E,d=()=>this.useWrapper?this.hasFieldset?t.x`<legend class="pkt-inputwrapper__legend" id="${this.forId}-label">
             ${this.label} ${o()}
@@ -26,7 +26,7 @@
           id="${this.forId}-error"
         >
           <pkt-icon name="alert-error" class="pkt-alert__icon"></pkt-icon>
-          <div class="pkt-alert__text">${b.o(this.errorMessage)}</div>
+          <div class="pkt-alert__text">${f.o(this.errorMessage)}</div>
         </div>`:t.E,u=()=>t.x`
         ${d()} ${c()}
         ${p?t.x`<label for="${this.forId}" class="pkt-sr-only" aria-describedby="${s}"
@@ -43,4 +43,4 @@
               id="${this.forId}-label"
             >
               ${u()}
-            </label>`;return t.x`<div class=${a.e(i)}>${k()}</div> `}};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: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:Boolean})],exports.PktInputWrapper.prototype,"useWrapper",2);exports.PktInputWrapper=e([f.t("pkt-input-wrapper")],exports.PktInputWrapper);
+            </label>`;return t.x`<div class=${a.e(i)}>${k()}</div> `}};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: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:Boolean})],exports.PktInputWrapper.prototype,"useWrapper",2);exports.PktInputWrapper=e([$.t("pkt-input-wrapper")],exports.PktInputWrapper);

package/dist/{linkcard-BlWQ8jOv.js → linkcard-BHokvuVN.js}

@@ -1,29 +1,30 @@
 import { P as f, x as c, n } from "./index-CFDwiDTU.js";
 import { t as h } from "./custom-element-CWfU4dcr.js";
-import { e as k, P as m, n as u } from "./ref-CaiKp3S2.js";
+import { e as k, n as m } from "./ref-Dzme4zb6.js";
 import "./index-RwtTBIhT.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;
+import { P as u } from "./pkt-slot-controller-RJvOnbF4.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;
 };
 let t = class extends f {
   constructor() {
-    super(), this.defaultSlot = k(), this.title = "", this.href = "#", this.iconName = "", this.external = !1, this.openInNewTab = !1, this.skin = "normal", this.slotController = new m(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 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(" ");
+    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(" ");
     return c`
       <a
         href=${this.href}
-        class=${l}
+        class=${o}
         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" ${u(this.defaultSlot)}></div>
+        <div class="pkt-linkcard__text" ${m(this.defaultSlot)}></div>
       </a>
     `;
   }

package/dist/{linkcard-Det6CJ5D.cjs → linkcard-CUXMP6BH.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./index-CR7t1zY9.cjs"),p=require("./custom-element-B-TlBwRu.cjs"),k=require("./ref-C2yPtMJA.cjs");require("./index-CmTjXoAb.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 k.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("./index-CR7t1zY9.cjs"),p=require("./custom-element-B-TlBwRu.cjs"),k=require("./ref-CA2-0S_W.cjs");require("./index-CmTjXoAb.cjs");const c=require("./pkt-slot-controller-Ckk_yV0j.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 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 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`
       <a
         href=${this.href}
         class=${n}

package/dist/modal-CjsQgmmH.cjs

@@ -0,0 +1,30 @@
+"use strict";const c=require("./class-map-a5HUzP83.cjs"),k=require("./custom-element-B-TlBwRu.cjs"),n=require("./index-CR7t1zY9.cjs"),u=require("./pkt-slot-controller-Ckk_yV0j.cjs"),a=require("./ref-CA2-0S_W.cjs");require("./index-CmTjXoAb.cjs");const m="pkt-modal",h=!0,g={"background-click":{description:"Event som trigges når bakgrunnen trykkes på"},close:{description:"Event som trigges når meldingsboksen lukkes"}},f={headingText:{name:"Heading text",description:"Heading tekst på modalen",type:"string"},hideCloseButton:{name:"Gjem 'Lukk'-knapp",description:"Gjemmer lukkeknappen. Dersom denne er satt til true, vil ikke lukkeknappen vises, og dermed er det viktig at man tilbyr en annen måte som f.eks. en knapp for å lukke modalen på.",type:"boolean",default:!1},closeOnBackdropClick:{name:"Lukk modalen når bakgrunnen trykkes på",description:"Lukk modalen når bakgrunnen trykkes på",type:"boolean",default:!1},size:{name:"Størrelse",description:"Størrelsen på modalen",type:["small","medium","large"],default:"medium"}},v={default:{description:"Innholdet i meldingen. Her tilbyr vi støtteklasser for å style 1-3 knapper i modalen."}},p={name:m,"css-class":"pkt-modal",isElements:h,events:g,props:f,slots:v};var b=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(d,e,t,o)=>{for(var s=o>1?void 0:o?y(e,t):e,l=d.length-1,r;l>=0;l--)(r=d[l])&&(s=(o?r(e,t,s):r(s))||s);return o&&s&&b(e,t,s),s};exports.PktModal=class extends n.PktElement{constructor(){super(),this.headingText="",this.removePadding=!1,this.hideCloseButton=p.props.hideCloseButton.default,this.closeOnBackdropClick=p.props.closeOnBackdropClick.default,this.size=p.props.size.default,this.defaultSlot=a.e(),this.dialogRef=a.e(),this._isOpen=!1,this.close=(e,t=!1)=>{var l;this._isOpen=!1,t||(l=this.dialogRef.value)==null||l.close();const o=document.activeElement;o&&!this.isElementInViewport(o)&&o.scrollIntoView({behavior:"smooth",block:"nearest"}),this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!0,composed:!0})),document.querySelector(".pkt-modal")&&document.body.classList.remove("pkt-modal--open"),this.requestUpdate()},this.showModal=e=>{var o;this._isOpen=!0,(o=this.dialogRef.value)==null||o.showModal(),document.querySelector(".pkt-modal")&&document.body.classList.add("pkt-modal--open"),this.dispatchEvent(new CustomEvent("showModal",{detail:{origin:e},bubbles:!0,composed:!0})),this.requestUpdate()},this.slotController=new u.PktSlotController(this,this.defaultSlot),this._isOpen=!1}async connectedCallback(){var e;super.connectedCallback(),document.addEventListener("keydown",this.handleKeyDown.bind(this)),document.addEventListener("click",this.handleBackdropClick.bind(this)),(e=this.dialogRef.value)==null||e.addEventListener("submit",t=>this.close(t,!0))}disconnectedCallback(){var e;super.disconnectedCallback(),document.removeEventListener("keydown",this.handleKeyDown.bind(this)),document.removeEventListener("click",this.handleBackdropClick.bind(this)),(e=this.dialogRef.value)==null||e.removeEventListener("submit",t=>this.close(t,!0))}handleKeyDown(e){e.key==="Escape"&&this.close(e)}handleBackdropClick(e){var t;this.closeOnBackdropClick&&e.target===((t=this.dialogRef)==null?void 0:t.value)&&this.close(e)}isElementInViewport(e){const t=e.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)}render(){const e={"pkt-modal":!0,"pkt-modal--removePadding":this.removePadding??!1,"pkt-modal--noHeadingText":this.headingText===""||this.headingText===void 0,[`pkt-modal--${this.size}`]:this.size!==void 0},t={"pkt-modal__headingText":!0,"pkt-txt-24":!0},o={"pkt-modal__content":!0,"pkt-txt-18-light":!0};return n.x`
+      <dialog
+        class=${c.e(e)}
+        aria-modal=${this._isOpen}
+        ${a.n(this.dialogRef)}
+        aria-labelledby="pkt-modal__headingText"
+        aria-describedby="pkt-modal__content"
+        autofocus
+      >
+        <div class="pkt-modal__header">
+          ${this.headingText?n.x`<h1 id="pkt-modal__headingText" class=${c.e(t)}>
+                ${this.headingText}
+              </h1>`:n.E}
+          ${this.hideCloseButton?n.E:n.x`<div class="pkt-modal__closeButton">
+                <button
+                  @click=${s=>this.close(s)}
+                  class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
+                  aria-label="close"
+                >
+                  <pkt-icon name="close" class="pkt-link__icon"></pkt-icon>
+                </button>
+              </div>`}
+        </div>
+        <div
+          id="pkt-modal__content"
+          class=${c.e(o)}
+          ${a.n(this.defaultSlot)}
+        ></div>
+      </dialog>
+    `}};i([n.n({type:String,reflect:!0})],exports.PktModal.prototype,"headingText",2);i([n.n({type:Boolean,reflect:!0})],exports.PktModal.prototype,"removePadding",2);i([n.n({type:Boolean,reflect:!0})],exports.PktModal.prototype,"hideCloseButton",2);i([n.n({type:Boolean,reflect:!0})],exports.PktModal.prototype,"closeOnBackdropClick",2);i([n.n({type:String,reflect:!0})],exports.PktModal.prototype,"size",2);i([n.r()],exports.PktModal.prototype,"_isOpen",2);exports.PktModal=i([k.t("pkt-modal")],exports.PktModal);

package/dist/{modal-3OZTPqee.js → modal-lQfiTbGh.js}

@@ -1,7 +1,8 @@
 import { e as c } from "./class-map-CBvUV2N3.js";
 import { t as g } from "./custom-element-CWfU4dcr.js";
 import { r as f, P as v, x as p, E as h, n as a } from "./index-CFDwiDTU.js";
-import { e as k, P as b, n as u } from "./ref-CaiKp3S2.js";
+import { P as b } from "./pkt-slot-controller-RJvOnbF4.js";
+import { e as k, n as u } from "./ref-Dzme4zb6.js";
 import "./index-RwtTBIhT.js";
 const y = "pkt-modal", _ = !0, C = {
   "background-click": {

package/dist/pkt-alert.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./class-map-a5HUzP83.cjs"),k=require("./custom-element-B-TlBwRu.cjs"),t=require("./index-CR7t1zY9.cjs"),c=require("./ref-C2yPtMJA.cjs");require("./index-CmTjXoAb.cjs");const u="pkt-alert",v=!0,h={onClose:{description:"React: Klikk-event for 'Lukk'-knappen"},close:{description:"Vue: Klikk-event for 'Lukk'-knappen"}},m={title:{name:"Tittel",description:"Tittelen som vises øverst i på meldingen",type:"string"},skin:{name:"Utseende",description:"Hvordan type melding er dette?",type:["info","success","warning","error"],default:"info"},date:{name:"Sist oppdatert",description:"Dato som vises nederst i på meldingen",type:"string"},ariaLive:{name:"aria-live",description:"Hvordan skal skjermleseren lese opp meldingen?",type:["off","polite","assertive"],default:"polite"},compact:{name:"Kompakt",description:"Gjør meldingen mindre",type:"boolean",default:!1},closeAlert:{name:"Vis 'Lukk'-knapp",description:"Viser 'Lukk'-knappen",type:"boolean",default:!1}},f={default:{description:"Innholdet i meldingen"}},n={name:u,"css-class":"pkt-alert","dark-mode":!0,isElement:v,events:h,props:m,slots:f};var b=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(a,e,r,l)=>{for(var s=l>1?void 0:l?y(e,r):e,o=a.length-1,p;o>=0;o--)(p=a[o])&&(s=(l?p(e,r,s):p(s))||s);return l&&s&&b(e,r,s),s};exports.PktAlert=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.compact=n.props.compact.default,this.title="",this.skin=n.props.skin.default,this.ariaLive=n.props.ariaLive.default,this["aria-live"]=null,this.closeAlert=n.props.closeAlert.default,this.date=null,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 c.PktSlotController(this,this.defaultSlot),this._isClosed=!1}connectedCallback(){super.connectedCallback(),this["aria-live"]=this.getAttribute("aria-live")||this.ariaLive}attributeChangedCallback(e,r,l){e==="ariaLive"&&(this["aria-live"]=l)}updated(e){super.updated(e),e.has("ariaLive")&&(this["aria-live"]=this.ariaLive)}render(){const e={"pkt-alert":!0,"pkt-alert--compact":this.compact,[`pkt-alert--${this.skin}`]:this.skin,"pkt-hide":this._isClosed};return t.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./class-map-a5HUzP83.cjs"),k=require("./custom-element-B-TlBwRu.cjs"),t=require("./index-CR7t1zY9.cjs"),u=require("./pkt-slot-controller-Ckk_yV0j.cjs"),c=require("./ref-CA2-0S_W.cjs");require("./index-CmTjXoAb.cjs");const v="pkt-alert",h=!0,m={onClose:{description:"React: Klikk-event for 'Lukk'-knappen"},close:{description:"Vue: Klikk-event for 'Lukk'-knappen"}},f={title:{name:"Tittel",description:"Tittelen som vises øverst i på meldingen",type:"string"},skin:{name:"Utseende",description:"Hvordan type melding er dette?",type:["info","success","warning","error"],default:"info"},date:{name:"Sist oppdatert",description:"Dato som vises nederst i på meldingen",type:"string"},ariaLive:{name:"aria-live",description:"Hvordan skal skjermleseren lese opp meldingen?",type:["off","polite","assertive"],default:"polite"},compact:{name:"Kompakt",description:"Gjør meldingen mindre",type:"boolean",default:!1},closeAlert:{name:"Vis 'Lukk'-knapp",description:"Viser 'Lukk'-knappen",type:"boolean",default:!1}},b={default:{description:"Innholdet i meldingen"}},n={name:v,"css-class":"pkt-alert","dark-mode":!0,isElement:h,events:m,props:f,slots:b};var y=Object.defineProperty,_=Object.getOwnPropertyDescriptor,i=(o,e,l,r)=>{for(var s=r>1?void 0:r?_(e,l):e,a=o.length-1,p;a>=0;a--)(p=o[a])&&(s=(r?p(e,l,s):p(s))||s);return r&&s&&y(e,l,s),s};exports.PktAlert=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.compact=n.props.compact.default,this.title="",this.skin=n.props.skin.default,this.ariaLive=n.props.ariaLive.default,this["aria-live"]=null,this.closeAlert=n.props.closeAlert.default,this.date=null,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 u.PktSlotController(this,this.defaultSlot),this._isClosed=!1}connectedCallback(){super.connectedCallback(),this["aria-live"]=this.getAttribute("aria-live")||this.ariaLive}attributeChangedCallback(e,l,r){e==="ariaLive"&&(this["aria-live"]=r)}updated(e){super.updated(e),e.has("ariaLive")&&(this["aria-live"]=this.ariaLive)}render(){const e={"pkt-alert":!0,"pkt-alert--compact":this.compact,[`pkt-alert--${this.skin}`]:this.skin,"pkt-hide":this._isClosed};return t.x`
       <div class=${d.e(e)}>
         <pkt-icon
           class="pkt-alert__icon"

package/dist/pkt-alert.js

@@ -1,7 +1,8 @@
 import { e as k } from "./class-map-CBvUV2N3.js";
 import { t as m } from "./custom-element-CWfU4dcr.js";
-import { r as v, P as h, x as n, E as u, n as l } from "./index-CFDwiDTU.js";
-import { e as f, P as b, n as y } from "./ref-CaiKp3S2.js";
+import { r as v, P as f, x as n, E as u, n as r } from "./index-CFDwiDTU.js";
+import { P as h } from "./pkt-slot-controller-RJvOnbF4.js";
+import { e as b, n as y } from "./ref-Dzme4zb6.js";
 import "./index-RwtTBIhT.js";
 const _ = "pkt-alert", g = !0, C = {
   onClose: {
@@ -67,25 +68,25 @@ const _ = "pkt-alert", g = !0, C = {
   props: $,
   slots: L
 };
-var S = Object.defineProperty, E = Object.getOwnPropertyDescriptor, i = (t, r, o, a) => {
-  for (var s = a > 1 ? void 0 : a ? E(r, o) : r, c = t.length - 1, d; c >= 0; c--)
-    (d = t[c]) && (s = (a ? d(r, o, s) : d(s)) || s);
-  return a && s && S(r, o, s), s;
+var S = Object.defineProperty, E = Object.getOwnPropertyDescriptor, i = (t, l, o, a) => {
+  for (var s = a > 1 ? void 0 : a ? E(l, o) : l, c = t.length - 1, d; c >= 0; c--)
+    (d = t[c]) && (s = (a ? d(l, o, s) : d(s)) || s);
+  return a && s && S(l, o, s), s;
 };
-let e = class extends h {
+let e = class extends f {
   constructor() {
-    super(), this.defaultSlot = f(), this.compact = p.props.compact.default, this.title = "", this.skin = p.props.skin.default, this.ariaLive = p.props.ariaLive.default, this["aria-live"] = null, this.closeAlert = p.props.closeAlert.default, this.date = null, this._isClosed = !1, this.close = (t) => {
+    super(), this.defaultSlot = b(), this.compact = p.props.compact.default, this.title = "", this.skin = p.props.skin.default, this.ariaLive = p.props.ariaLive.default, this["aria-live"] = null, this.closeAlert = p.props.closeAlert.default, this.date = null, this._isClosed = !1, this.close = (t) => {
       this._isClosed = !0, this.dispatchEvent(
         new CustomEvent("close", { detail: { origin: t }, bubbles: !0, composed: !0 })
       ), this.dispatchEvent(
         new CustomEvent("on-close", { detail: { origin: t }, bubbles: !0, composed: !0 })
       );
-    }, this.slotController = new b(this, this.defaultSlot), this._isClosed = !1;
+    }, this.slotController = new h(this, this.defaultSlot), this._isClosed = !1;
   }
   connectedCallback() {
     super.connectedCallback(), this["aria-live"] = this.getAttribute("aria-live") || this.ariaLive;
   }
-  attributeChangedCallback(t, r, o) {
+  attributeChangedCallback(t, l, o) {
     t === "ariaLive" && (this["aria-live"] = o);
   }
   updated(t) {
@@ -128,25 +129,25 @@ let e = class extends h {
   }
 };
 i([
-  l({ type: Boolean, reflect: !1 })
+  r({ type: Boolean, reflect: !1 })
 ], e.prototype, "compact", 2);
 i([
-  l({ type: String, reflect: !0 })
+  r({ type: String, reflect: !0 })
 ], e.prototype, "title", 2);
 i([
-  l({ type: String, reflect: !0 })
+  r({ type: String, reflect: !0 })
 ], e.prototype, "skin", 2);
 i([
-  l({ type: String })
+  r({ type: String })
 ], e.prototype, "ariaLive", 2);
 i([
-  l({ type: String, reflect: !0 })
+  r({ type: String, reflect: !0 })
 ], e.prototype, "aria-live", 2);
 i([
-  l({ type: Boolean, reflect: !0 })
+  r({ type: Boolean, reflect: !0 })
 ], e.prototype, "closeAlert", 2);
 i([
-  l({ type: String, reflect: !0 })
+  r({ type: String, reflect: !0 })
 ], e.prototype, "date", 2);
 i([
   v()

package/dist/pkt-card.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./class-map-a5HUzP83.cjs"),g=require("./custom-element-B-TlBwRu.cjs"),t=require("./index-CR7t1zY9.cjs"),d=require("./ref-C2yPtMJA.cjs");require("./index-CmTjXoAb.cjs");require("./pkt-tag.cjs");const u="pkt-card",k=!0,h={heading:{type:"string",name:"Heading",description:"Tittel på kortet"},subheading:{type:"string",name:"Subheading",description:"Undertittel på kortet"},tags:{type:"array",description:"Liste av tags på kortet. Tar inn en array med objekter med følgende stringproperties: skin, iconName, ariaLabel, text",name:"Tags",items:{type:"object",properties:{skin:{type:["blue","green","red","yellow"],description:"Farge på tag"},iconName:{type:"icon",description:"Id på ikonet du ønsker å bruke til tag"},ariaLabel:{type:"string",description:"Tekst for aria-label"},text:{type:"string",description:"Tekst på tag",required:!0}}}},skin:{type:["outlined","gray","blue","beige","green"],name:"Skin",description:"Farge på kortet",default:"outlined"},direction:{type:["landscape","portrait"],name:"Direction",description:"Retningen innholdet skal ligge i forhold til kortet",default:"portrait"},image:{type:"object",name:"Bilde",description:"Bilde på kortet. Tar inn et objekt av typen {src: string, alt: string}. src er stien til bildet, og alt er tekst for aria-label.",properties:{src:{type:"string",description:"Bilde på kortet",required:!0},alt:{type:"string",description:"Tekst for aria-label",required:!0}}}},m={default:{description:"Innholdet i kortet"}},l={name:u,"css-class":"pkt-card",isElement:k,props:h,slots:m};var y=Object.defineProperty,b=Object.getOwnPropertyDescriptor,r=(a,i,s,n)=>{for(var e=n>1?void 0:n?b(i,s):i,o=a.length-1,p;o>=0;o--)(p=a[o])&&(e=(n?p(i,s,e):p(e))||e);return n&&e&&y(i,s,e),e};exports.PktCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=d.e(),this.skin=l.props.skin.default,this.direction=l.props.direction.default,this.image={src:"",alt:""},this.heading="",this.subheading="",this.tags=[],this.slotController=new d.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback()}render(){const i={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.direction}`]:this.direction};return t.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./class-map-a5HUzP83.cjs"),g=require("./custom-element-B-TlBwRu.cjs"),t=require("./index-CR7t1zY9.cjs"),u=require("./pkt-slot-controller-Ckk_yV0j.cjs"),d=require("./ref-CA2-0S_W.cjs");require("./index-CmTjXoAb.cjs");require("./pkt-tag.cjs");const k="pkt-card",h=!0,m={heading:{type:"string",name:"Heading",description:"Tittel på kortet"},subheading:{type:"string",name:"Subheading",description:"Undertittel på kortet"},tags:{type:"array",description:"Liste av tags på kortet. Tar inn en array med objekter med følgende stringproperties: skin, iconName, ariaLabel, text",name:"Tags",items:{type:"object",properties:{skin:{type:["blue","green","red","yellow"],description:"Farge på tag"},iconName:{type:"icon",description:"Id på ikonet du ønsker å bruke til tag"},ariaLabel:{type:"string",description:"Tekst for aria-label"},text:{type:"string",description:"Tekst på tag",required:!0}}}},skin:{type:["outlined","gray","blue","beige","green"],name:"Skin",description:"Farge på kortet",default:"outlined"},direction:{type:["landscape","portrait"],name:"Direction",description:"Retningen innholdet skal ligge i forhold til kortet",default:"portrait"},image:{type:"object",name:"Bilde",description:"Bilde på kortet. Tar inn et objekt av typen {src: string, alt: string}. src er stien til bildet, og alt er tekst for aria-label.",properties:{src:{type:"string",description:"Bilde på kortet",required:!0},alt:{type:"string",description:"Tekst for aria-label",required:!0}}}},y={default:{description:"Innholdet i kortet"}},l={name:k,"css-class":"pkt-card",isElement:h,props:m,slots:y};var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,r=(a,i,s,n)=>{for(var e=n>1?void 0:n?f(i,s):i,o=a.length-1,p;o>=0;o--)(p=a[o])&&(e=(n?p(i,s,e):p(e))||e);return n&&e&&b(i,s,e),e};exports.PktCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=d.e(),this.skin=l.props.skin.default,this.direction=l.props.direction.default,this.image={src:"",alt:""},this.heading="",this.subheading="",this.tags=[],this.slotController=new u.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback()}render(){const i={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.direction}`]:this.direction};return t.x`
       <div class=${c.e(i)}>
         ${this.image.src&&t.x`
           <div class="pkt-card__image">

package/dist/pkt-card.js

@@ -1,7 +1,8 @@
 import { e as g } from "./class-map-CBvUV2N3.js";
 import { t as h } from "./custom-element-CWfU4dcr.js";
 import { P as k, x as r, E as u, n as a } from "./index-CFDwiDTU.js";
-import { e as m, P as y, n as f } from "./ref-CaiKp3S2.js";
+import { P as m } from "./pkt-slot-controller-RJvOnbF4.js";
+import { e as y, n as f } from "./ref-Dzme4zb6.js";
 import "./index-RwtTBIhT.js";
 import "./pkt-tag.js";
 const b = "pkt-card", v = !0, $ = {
@@ -103,10 +104,10 @@ var S = Object.defineProperty, x = Object.getOwnPropertyDescriptor, s = (n, e, p
 };
 let t = class extends k {
   constructor() {
-    super(), this.defaultSlot = m(), this.skin = c.props.skin.default, this.direction = c.props.direction.default, this.image = {
+    super(), this.defaultSlot = y(), this.skin = c.props.skin.default, this.direction = c.props.direction.default, this.image = {
       src: "",
       alt: ""
-    }, this.heading = "", this.subheading = "", this.tags = [], this.slotController = new y(this, this.defaultSlot);
+    }, this.heading = "", this.subheading = "", this.tags = [], this.slotController = new m(this, this.defaultSlot);
   }
   connectedCallback() {
     super.connectedCallback();

package/dist/pkt-component-template.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CR7t1zY9.cjs"),h=require("./custom-element-B-TlBwRu.cjs"),r=require("./ref-C2yPtMJA.cjs"),c=require("./class-map-a5HUzP83.cjs"),d=require("./converters-DhM11VlY.cjs");var u=Object.defineProperty,m=Object.getOwnPropertyDescriptor,o=(l,t,s,i)=>{for(var n=i>1?void 0:i?m(t,s):t,a=l.length-1,p;a>=0;a--)(p=l[a])&&(n=(i?p(t,s,n):p(n))||n);return i&&n&&u(t,s,n),n};exports.PktComponent=class extends e.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=r.e(),this.namedSlot=r.e(),this.slotController=new r.PktSlotController(this,this.defaultSlot,this.namedSlot)}connectedCallback(){this.strings.length&&this.strings.forEach(t=>{this._list.push(t.toUpperCase())}),super.connectedCallback()}render(){const t={"pkt-component":!0,"pkt-component--has-list":this.strings.length>0,"pkt-darkmode":this.darkmode};return e.x`
-      <div class="${c.e(t)}">
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CR7t1zY9.cjs"),h=require("./custom-element-B-TlBwRu.cjs"),c=require("./pkt-slot-controller-Ckk_yV0j.cjs"),i=require("./ref-CA2-0S_W.cjs"),d=require("./class-map-a5HUzP83.cjs"),u=require("./converters-DhM11VlY.cjs");var m=Object.defineProperty,k=Object.getOwnPropertyDescriptor,r=(l,t,s,o)=>{for(var n=o>1?void 0:o?k(t,s):t,a=l.length-1,p;a>=0;a--)(p=l[a])&&(n=(o?p(t,s,n):p(n))||n);return o&&n&&m(t,s,n),n};exports.PktComponent=class extends e.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=i.e(),this.namedSlot=i.e(),this.slotController=new c.PktSlotController(this,this.defaultSlot,this.namedSlot)}connectedCallback(){this.strings.length&&this.strings.forEach(t=>{this._list.push(t.toUpperCase())}),super.connectedCallback()}render(){const t={"pkt-component":!0,"pkt-component--has-list":this.strings.length>0,"pkt-darkmode":this.darkmode};return e.x`
+      <div class="${d.e(t)}">
         <h1 class="pkt-txt-28">${this.string}</h1>
 
         <h2 class="pkt-txt-22">Innhold fra attributter og funksjoner</h2>
@@ -7,11 +7,11 @@
         <div>${this.renderList(this.doStuff(this._list))}</div>
 
         <h2 class="pkt-txt-22">Slot</h2>
-        <div ${r.n(this.defaultSlot)}>defaultSlotRef</div>
+        <div ${i.n(this.defaultSlot)}>defaultSlotRef</div>
         <h2 class="pkt-txt-22">Named slot</h2>
         <select
           name="named-slot"
-          ${r.n(this.namedSlot)}
+          ${i.n(this.namedSlot)}
           @change=${s=>alert(s.target.value)}
         >
           namedSlotRef
@@ -26,4 +26,4 @@
       <ul>
         ${t.map(s=>e.x`<li>${s}</li>`)}
       </ul>
-    `}doStuff(t){return t.reverse()}handleGreeting(){this.dispatchEvent(new CustomEvent("pkt-greeting",{detail:"Hei på deg!"}))}};o([e.n({type:String})],exports.PktComponent.prototype,"string",2);o([e.n({converter:d.csvToArray})],exports.PktComponent.prototype,"strings",2);o([e.n({type:Boolean})],exports.PktComponent.prototype,"darkmode",2);o([e.n({type:Array})],exports.PktComponent.prototype,"_list",2);exports.PktComponent=o([h.t("pkt-component")],exports.PktComponent);
+    `}doStuff(t){return t.reverse()}handleGreeting(){this.dispatchEvent(new CustomEvent("pkt-greeting",{detail:"Hei på deg!"}))}};r([e.n({type:String})],exports.PktComponent.prototype,"string",2);r([e.n({converter:u.csvToArray})],exports.PktComponent.prototype,"strings",2);r([e.n({type:Boolean})],exports.PktComponent.prototype,"darkmode",2);r([e.n({type:Array})],exports.PktComponent.prototype,"_list",2);exports.PktComponent=r([h.t("pkt-component")],exports.PktComponent);

package/dist/pkt-component-template.js

@@ -1,14 +1,15 @@
-import { P as m, x as h, t as u, n as i } from "./index-CFDwiDTU.js";
-import { t as f } from "./custom-element-CWfU4dcr.js";
-import { e as d, P as v, n as c } from "./ref-CaiKp3S2.js";
+import { P as c, x as h, t as f, n as i } from "./index-CFDwiDTU.js";
+import { t as u } from "./custom-element-CWfU4dcr.js";
+import { P as v } from "./pkt-slot-controller-RJvOnbF4.js";
+import { e as d, n as m } from "./ref-Dzme4zb6.js";
 import { e as g } from "./class-map-CBvUV2N3.js";
 import { c as k } from "./converters-DNCwIFwr.js";
-var S = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, n = (t, e, l, o) => {
-  for (var s = o > 1 ? void 0 : o ? $(e, l) : e, a = t.length - 1, p; a >= 0; a--)
-    (p = t[a]) && (s = (o ? p(e, l, s) : p(s)) || s);
-  return o && s && S(e, l, s), s;
+var S = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, o = (t, e, l, n) => {
+  for (var s = n > 1 ? void 0 : n ? $(e, l) : e, a = t.length - 1, p; a >= 0; a--)
+    (p = t[a]) && (s = (n ? p(e, l, s) : p(s)) || s);
+  return n && s && S(e, l, s), s;
 };
-let r = class extends m {
+let r = class extends c {
   constructor() {
     super(), this.string = "", this.strings = [], this.darkmode = !1, this._list = [], this.defaultSlot = d(), this.namedSlot = d(), this.slotController = new v(this, this.defaultSlot, this.namedSlot);
   }
@@ -38,11 +39,11 @@ let r = class extends m {
         <div>${this.renderList(this.doStuff(this._list))}</div>
 
         <h2 class="pkt-txt-22">Slot</h2>
-        <div ${c(this.defaultSlot)}>defaultSlotRef</div>
+        <div ${m(this.defaultSlot)}>defaultSlotRef</div>
         <h2 class="pkt-txt-22">Named slot</h2>
         <select
           name="named-slot"
-          ${c(this.namedSlot)}
+          ${m(this.namedSlot)}
           @change=${(e) => alert(e.target.value)}
         >
           namedSlotRef
@@ -50,7 +51,7 @@ let r = class extends m {
 
         <h2 class="pkt-txt-22">Knapp som emitter en event</h2>
         <button type="button" @click=${() => this.handleGreeting()}>
-          Si ${u.example.hi}
+          Si ${f.example.hi}
         </button>
       </div>
     `;
@@ -79,20 +80,20 @@ let r = class extends m {
     );
   }
 };
-n([
+o([
   i({ type: String })
 ], r.prototype, "string", 2);
-n([
+o([
   i({ converter: k })
 ], r.prototype, "strings", 2);
-n([
+o([
   i({ type: Boolean })
 ], r.prototype, "darkmode", 2);
-n([
+o([
   i({ type: Array })
 ], r.prototype, "_list", 2);
-r = n([
-  f("pkt-component")
+r = o([
+  u("pkt-component")
 ], r);
 export {
   r as PktComponent

package/dist/pkt-datepicker.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-CR7t1zY9.cjs"),b=require("./custom-element-B-TlBwRu.cjs"),r=require("./ref-C2yPtMJA.cjs"),y=require("./class-map-a5HUzP83.cjs"),T=require("./converters-DhM11VlY.cjs"),m=require("./index-tvpcg-ad.cjs");require("./input-wrapper-DX41tnbj.cjs");require("./index-CmTjXoAb.cjs");require("./pkt-tag.cjs");/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-CR7t1zY9.cjs"),b=require("./custom-element-B-TlBwRu.cjs"),r=require("./ref-CA2-0S_W.cjs"),y=require("./class-map-a5HUzP83.cjs"),T=require("./converters-DhM11VlY.cjs"),m=require("./index-tvpcg-ad.cjs");require("./input-wrapper-tJE-X4Ac.cjs");require("./index-CmTjXoAb.cjs");require("./pkt-tag.cjs");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/pkt-datepicker.js

@@ -1,10 +1,10 @@
 import { T as A, r as P, a as L, x as v, E as b, n as u } from "./index-CFDwiDTU.js";
 import { e as j, i as F, a as q, t as H } from "./custom-element-CWfU4dcr.js";
-import { p as N, v as k, r as w, M as S, m as U, e as R, n as y } from "./ref-CaiKp3S2.js";
+import { p as N, v as k, r as w, M as S, m as U, e as R, n as y } from "./ref-Dzme4zb6.js";
 import { e as x } from "./class-map-CBvUV2N3.js";
 import { a as V } from "./converters-DNCwIFwr.js";
 import { n as T, f as _, a as K, b as M } from "./index-D2jSRMrn.js";
-import "./input-wrapper-6vTrKtsW.js";
+import "./input-wrapper-DVXNuxVu.js";
 import "./index-RwtTBIhT.js";
 import "./pkt-tag.js";
 /**

package/dist/pkt-index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./pkt-alert.cjs"),t=require("./index-tvpcg-ad.cjs"),r=require("./pkt-card.cjs"),n=require("./pkt-component-template.cjs"),u=require("./pkt-datepicker.cjs"),a=require("./helptext-_fMLOOCL.cjs"),o=require("./index-CmTjXoAb.cjs"),i=require("./input-wrapper-DX41tnbj.cjs"),P=require("./pkt-link.cjs"),c=require("./linkcard-Det6CJ5D.cjs"),k=require("./pkt-messagebox.cjs"),p=require("./modal-DYTVJjYh.cjs"),b=require("./pkt-tag.cjs"),l=require("./textarea-B45ZZYpx.cjs"),d=require("./textinput-BIhQEr8z.cjs");Object.defineProperty(exports,"PktAlert",{enumerable:!0,get:()=>e.PktAlert});Object.defineProperty(exports,"PktCalendar",{enumerable:!0,get:()=>t.PktCalendar});Object.defineProperty(exports,"PktCard",{enumerable:!0,get:()=>r.PktCard});Object.defineProperty(exports,"PktComponent",{enumerable:!0,get:()=>n.PktComponent});Object.defineProperty(exports,"PktDatepicker",{enumerable:!0,get:()=>u.PktDatepicker});Object.defineProperty(exports,"PktHelptext",{enumerable:!0,get:()=>a.PktHelptext});Object.defineProperty(exports,"PktIcon",{enumerable:!0,get:()=>o.PktIcon});Object.defineProperty(exports,"PktInputWrapper",{enumerable:!0,get:()=>i.PktInputWrapper});Object.defineProperty(exports,"PktLink",{enumerable:!0,get:()=>P.PktLink});Object.defineProperty(exports,"PktLinkCard",{enumerable:!0,get:()=>c.PktLinkCard});Object.defineProperty(exports,"PktMessagebox",{enumerable:!0,get:()=>k.PktMessagebox});Object.defineProperty(exports,"PktModal",{enumerable:!0,get:()=>p.PktModal});Object.defineProperty(exports,"PktTag",{enumerable:!0,get:()=>b.PktTag});Object.defineProperty(exports,"PktTextarea",{enumerable:!0,get:()=>l.PktTextarea});Object.defineProperty(exports,"PktTextinput",{enumerable:!0,get:()=>d.PktTextinput});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./pkt-alert.cjs"),t=require("./index-tvpcg-ad.cjs"),r=require("./pkt-card.cjs"),n=require("./pkt-component-template.cjs"),u=require("./pkt-datepicker.cjs"),a=require("./helptext-_fMLOOCL.cjs"),o=require("./index-CmTjXoAb.cjs"),P=require("./input-wrapper-tJE-X4Ac.cjs"),i=require("./pkt-link.cjs"),c=require("./linkcard-CUXMP6BH.cjs"),k=require("./pkt-messagebox.cjs"),b=require("./modal-CjsQgmmH.cjs"),p=require("./progressbar-BlzTFI9U.cjs"),l=require("./pkt-tag.cjs"),d=require("./textarea-D_ud1Mpa.cjs"),s=require("./textinput-52G3CfwA.cjs");Object.defineProperty(exports,"PktAlert",{enumerable:!0,get:()=>e.PktAlert});Object.defineProperty(exports,"PktCalendar",{enumerable:!0,get:()=>t.PktCalendar});Object.defineProperty(exports,"PktCard",{enumerable:!0,get:()=>r.PktCard});Object.defineProperty(exports,"PktComponent",{enumerable:!0,get:()=>n.PktComponent});Object.defineProperty(exports,"PktDatepicker",{enumerable:!0,get:()=>u.PktDatepicker});Object.defineProperty(exports,"PktHelptext",{enumerable:!0,get:()=>a.PktHelptext});Object.defineProperty(exports,"PktIcon",{enumerable:!0,get:()=>o.PktIcon});Object.defineProperty(exports,"PktInputWrapper",{enumerable:!0,get:()=>P.PktInputWrapper});Object.defineProperty(exports,"PktLink",{enumerable:!0,get:()=>i.PktLink});Object.defineProperty(exports,"PktLinkCard",{enumerable:!0,get:()=>c.PktLinkCard});Object.defineProperty(exports,"PktMessagebox",{enumerable:!0,get:()=>k.PktMessagebox});Object.defineProperty(exports,"PktModal",{enumerable:!0,get:()=>b.PktModal});Object.defineProperty(exports,"PktProgressbar",{enumerable:!0,get:()=>p.PktProgressbar});Object.defineProperty(exports,"PktTag",{enumerable:!0,get:()=>l.PktTag});Object.defineProperty(exports,"PktTextarea",{enumerable:!0,get:()=>d.PktTextarea});Object.defineProperty(exports,"PktTextinput",{enumerable:!0,get:()=>s.PktTextinput});

package/dist/pkt-index.js

@@ -5,14 +5,15 @@ import { PktComponent as k } from "./pkt-component-template.js";
 import { PktDatepicker as f } from "./pkt-datepicker.js";
 import { P as n } from "./helptext-DBolvFI4.js";
 import { P as i } from "./index-RwtTBIhT.js";
-import { P as C } from "./input-wrapper-6vTrKtsW.js";
-import { PktLink as c } from "./pkt-link.js";
-import { P as u } from "./linkcard-BlWQ8jOv.js";
-import { PktMessagebox as L } from "./pkt-messagebox.js";
-import { P as b } from "./modal-3OZTPqee.js";
-import { PktTag as D } from "./pkt-tag.js";
-import { P as W } from "./textarea-BTpJjEhO.js";
-import { P as j } from "./textinput-CVo5wG14.js";
+import { P as C } from "./input-wrapper-DVXNuxVu.js";
+import { PktLink as T } from "./pkt-link.js";
+import { P as c } from "./linkcard-BHokvuVN.js";
+import { PktMessagebox as I } from "./pkt-messagebox.js";
+import { P as M } from "./modal-lQfiTbGh.js";
+import { P as D } from "./progressbar-1PEs_SMc.js";
+import { PktTag as W } from "./pkt-tag.js";
+import { P as j } from "./textarea-BXzQA_ub.js";
+import { P as v } from "./textinput-CTNWiIaP.js";
 export {
   o as PktAlert,
   P as PktCalendar,
@@ -22,11 +23,12 @@ export {
   n as PktHelptext,
   i as PktIcon,
   C as PktInputWrapper,
-  c as PktLink,
-  u as PktLinkCard,
-  L as PktMessagebox,
-  b as PktModal,
-  D as PktTag,
-  W as PktTextarea,
-  j as PktTextinput
+  T as PktLink,
+  c as PktLinkCard,
+  I as PktMessagebox,
+  M as PktModal,
+  D as PktProgressbar,
+  W as PktTag,
+  j as PktTextarea,
+  v as PktTextinput
 };

package/dist/pkt-input-wrapper.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./input-wrapper-DX41tnbj.cjs"),t=e.PktInputWrapper;Object.defineProperty(exports,"PktInputWrapper",{enumerable:!0,get:()=>e.PktInputWrapper});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./input-wrapper-tJE-X4Ac.cjs"),t=e.PktInputWrapper;Object.defineProperty(exports,"PktInputWrapper",{enumerable:!0,get:()=>e.PktInputWrapper});exports.default=t;

package/dist/pkt-input-wrapper.js

@@ -1,4 +1,4 @@
-import { P as p } from "./input-wrapper-6vTrKtsW.js";
+import { P as p } from "./input-wrapper-DVXNuxVu.js";
 const r = p;
 export {
   p as PktInputWrapper,

package/dist/pkt-link.cjs

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CR7t1zY9.cjs"),c=require("./ref-C2yPtMJA.cjs"),k=require("./class-map-a5HUzP83.cjs"),h=require("./custom-element-B-TlBwRu.cjs");require("./index-CmTjXoAb.cjs");const f="pkt-link",u=!0,d={href:{name:"URL",description:"URL til lenken",type:"string",default:"#"},target:{name:"Mål",description:"Mål for lenken",type:["_blank","_self","_parent","_top"],default:"_self"},iconName:{name:"Ikon",description:"Ikon som skal vises ved siden av lenketeksten",type:"icon"},iconPosition:{name:"Ikonposisjon",description:"Posisjonen til ikonet i forhold til lenketeksten",type:["left","right"]},external:{name:"Ekstern lenke",description:"Vis ikon for ekstern lenke",type:"boolean",default:!1}},m={default:{description:"Innholdet i lenken"}},p={name:f,"css-class":"pkt-link","dark-mode":!0,isElement:u,props:d,slots:m};var P=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(s,n,r,o)=>{for(var t=o>1?void 0:o?y(n,r):n,l=s.length-1,a;l>=0;l--)(a=s[l])&&(t=(o?a(n,r,t):a(t))||t);return o&&t&&P(n,r,t),t};exports.PktLink=class extends e.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.href=p.props.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=p.props.external.default,this.target=p.props.target.default,this.slotController=new c.PktSlotController(this,this.defaultSlot)}render(){const n={"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 e.x`<a
-      class=${k.e(n)}
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CR7t1zY9.cjs"),k=require("./pkt-slot-controller-Ckk_yV0j.cjs"),p=require("./ref-CA2-0S_W.cjs"),h=require("./class-map-a5HUzP83.cjs"),f=require("./custom-element-B-TlBwRu.cjs");require("./index-CmTjXoAb.cjs");const u="pkt-link",d=!0,m={href:{name:"URL",description:"URL til lenken",type:"string",default:"#"},target:{name:"Mål",description:"Mål for lenken",type:["_blank","_self","_parent","_top"],default:"_self"},iconName:{name:"Ikon",description:"Ikon som skal vises ved siden av lenketeksten",type:"icon"},iconPosition:{name:"Ikonposisjon",description:"Posisjonen til ikonet i forhold til lenketeksten",type:["left","right"]},external:{name:"Ekstern lenke",description:"Vis ikon for ekstern lenke",type:"boolean",default:!1}},P={default:{description:"Innholdet i lenken"}},a={name:u,"css-class":"pkt-link","dark-mode":!0,isElement:d,props:m,slots:P};var y=Object.defineProperty,g=Object.getOwnPropertyDescriptor,i=(r,n,s,o)=>{for(var t=o>1?void 0:o?g(n,s):n,l=r.length-1,c;l>=0;l--)(c=r[l])&&(t=(o?c(n,s,t):c(t))||t);return o&&t&&y(n,s,t),t};exports.PktLink=class extends e.PktElement{constructor(){super(),this.defaultSlot=p.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 k.PktSlotController(this,this.defaultSlot)}render(){const n={"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 e.x`<a
+      class=${h.e(n)}
       href=${this.href}
       @click=${this.handleClick}
       .target=${this.target}
       .rel=${this.external?"noopener noreferrer":e.E}
-      >${this.iconName?e.x`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>`:""} <span ${c.n(this.defaultSlot)}>Link</span></a
-    >`}handleClick(){this.dispatchEvent(new CustomEvent("click",{detail:"pkt-link-clicked",bubbles:!0}))}};i([e.n({type:String,reflect:!0})],exports.PktLink.prototype,"href",2);i([e.n({type:String,reflect:!0})],exports.PktLink.prototype,"iconName",2);i([e.n({type:String,reflect:!0})],exports.PktLink.prototype,"iconPosition",2);i([e.n({type:Boolean,reflect:!0})],exports.PktLink.prototype,"external",2);i([e.n({type:String,reflect:!0})],exports.PktLink.prototype,"target",2);exports.PktLink=i([h.t("pkt-link")],exports.PktLink);
+      >${this.iconName?e.x`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>`:""} <span ${p.n(this.defaultSlot)}>Link</span></a
+    >`}handleClick(){this.dispatchEvent(new CustomEvent("click",{detail:"pkt-link-clicked",bubbles:!0}))}};i([e.n({type:String,reflect:!0})],exports.PktLink.prototype,"href",2);i([e.n({type:String,reflect:!0})],exports.PktLink.prototype,"iconName",2);i([e.n({type:String,reflect:!0})],exports.PktLink.prototype,"iconPosition",2);i([e.n({type:Boolean,reflect:!0})],exports.PktLink.prototype,"external",2);i([e.n({type:String,reflect:!0})],exports.PktLink.prototype,"target",2);exports.PktLink=i([f.t("pkt-link")],exports.PktLink);

package/dist/pkt-link.js

@@ -1,5 +1,6 @@
 import { P as f, x as k, E as h, n as i } from "./index-CFDwiDTU.js";
-import { e as m, P as d, n as u } from "./ref-CaiKp3S2.js";
+import { P as m } from "./pkt-slot-controller-RJvOnbF4.js";
+import { e as d, n as u } from "./ref-Dzme4zb6.js";
 import { e as P } from "./class-map-CBvUV2N3.js";
 import { t as y } from "./custom-element-CWfU4dcr.js";
 import "./index-RwtTBIhT.js";
@@ -59,7 +60,7 @@ var $ = Object.defineProperty, N = Object.getOwnPropertyDescriptor, n = (o, s, l
 };
 let e = class extends f {
   constructor() {
-    super(), this.defaultSlot = m(), 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 d(this, this.defaultSlot);
+    super(), this.defaultSlot = d(), 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 m(this, this.defaultSlot);
   }
   render() {
     const o = {