@oslokommune/punkt-elements 12.17.2 → 12.18.1

package/dist/pkt-index.cjs

@@ -1 +1,29 @@
-"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 c=require("./alert-BbVWu2lm.cjs"),u=require("./calendar-QSulz7im.cjs"),d=require("./card-B0GPdG5M.cjs"),t=require("./icon-CdMQ6zBT.cjs"),k=require("./pkt-slot-controller-Ckk_yV0j.cjs"),i=require("./ref-DCOsLZQg.cjs"),P=require("./class-map-Boa7BqCc.cjs"),h=require("./datepicker-BHepKxof.cjs"),g=require("./helptext-iZEgxz2U.cjs"),b=require("./input-wrapper-D-PNRJB_.cjs"),m=require("./link-BpqavGSD.cjs"),f=require("./linkcard-DSu3A4Yx.cjs"),y=require("./messagebox-C1aWoQbu.cjs"),v=require("./modal-Avai5eVz.cjs"),x=require("./progressbar-CuXkbAhJ.cjs"),C=require("./tag-CGy2mSLE.cjs"),O=require("./textarea-BiUrhAlk.cjs"),j=require("./textinput-CHOR5PPp.cjs");var q=Object.defineProperty,S=Object.getOwnPropertyDescriptor,o=(a,e,r,s)=>{for(var n=s>1?void 0:s?S(e,r):e,l=a.length-1,p;l>=0;l--)(p=a[l])&&(n=(s?p(e,r,n):p(n))||n);return s&&n&&q(e,r,n),n};exports.PktComponent=class extends t.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=i.e(),this.namedSlot=i.e(),this.slotController=new k.PktSlotController(this,this.defaultSlot,this.namedSlot)}connectedCallback(){this.strings.length&&this.strings.forEach(e=>{this._list.push(e.toUpperCase())}),super.connectedCallback()}render(){const e={"pkt-component":!0,"pkt-component--has-list":this.strings.length>0,"pkt-darkmode":this.darkmode};return t.x`
+      <div class="${P.e(e)}">
+        <h1 class="pkt-txt-28">${this.string}</h1>
+
+        <h2 class="pkt-txt-22">Innhold fra attributter og funksjoner</h2>
+        <div>${this.renderList(this.strings)}</div>
+        <div>${this.renderList(this.doStuff(this._list))}</div>
+
+        <h2 class="pkt-txt-22">Slot</h2>
+        <div ${i.n(this.defaultSlot)}>defaultSlotRef</div>
+        <h2 class="pkt-txt-22">Named slot</h2>
+        <select
+          name="named-slot"
+          ${i.n(this.namedSlot)}
+          @change=${r=>alert(r.target.value)}
+        >
+          namedSlotRef
+        </select>
+
+        <h2 class="pkt-txt-22">Knapp som emitter en event</h2>
+        <button type="button" @click=${()=>this.handleGreeting()}>
+          Si ${t.strings.example.hi}
+        </button>
+      </div>
+    `}renderList(e){return t.x`
+      <ul>
+        ${e.map(r=>t.x`<li>${r}</li>`)}
+      </ul>
+    `}doStuff(e){return e.reverse()}handleGreeting(){this.dispatchEvent(new CustomEvent("pkt-greeting",{detail:"Hei på deg!"}))}};o([t.n({type:String})],exports.PktComponent.prototype,"string",2);o([t.n({converter:u.csvToArray})],exports.PktComponent.prototype,"strings",2);o([t.n({type:Boolean})],exports.PktComponent.prototype,"darkmode",2);o([t.n({type:Array})],exports.PktComponent.prototype,"_list",2);exports.PktComponent=o([t.t("pkt-component")],exports.PktComponent);Object.defineProperty(exports,"PktAlert",{enumerable:!0,get:()=>c.PktAlert});Object.defineProperty(exports,"PktCalendar",{enumerable:!0,get:()=>u.PktCalendar});Object.defineProperty(exports,"PktCard",{enumerable:!0,get:()=>d.PktCard});Object.defineProperty(exports,"PktIcon",{enumerable:!0,get:()=>t.PktIcon});Object.defineProperty(exports,"PktDatepicker",{enumerable:!0,get:()=>h.PktDatepicker});Object.defineProperty(exports,"PktHelptext",{enumerable:!0,get:()=>g.PktHelptext});Object.defineProperty(exports,"PktInputWrapper",{enumerable:!0,get:()=>b.PktInputWrapper});Object.defineProperty(exports,"PktLink",{enumerable:!0,get:()=>m.PktLink});Object.defineProperty(exports,"PktLinkCard",{enumerable:!0,get:()=>f.PktLinkCard});Object.defineProperty(exports,"PktMessagebox",{enumerable:!0,get:()=>y.PktMessagebox});Object.defineProperty(exports,"PktModal",{enumerable:!0,get:()=>v.PktModal});Object.defineProperty(exports,"PktProgressbar",{enumerable:!0,get:()=>x.PktProgressbar});Object.defineProperty(exports,"PktTag",{enumerable:!0,get:()=>C.PktTag});Object.defineProperty(exports,"PktTextarea",{enumerable:!0,get:()=>O.PktTextarea});Object.defineProperty(exports,"PktTextinput",{enumerable:!0,get:()=>j.PktTextinput});

package/dist/pkt-index.js

@@ -1,32 +1,129 @@
-import { PktAlert as o } from "./pkt-alert.js";
-import { P } from "./index-D2jSRMrn.js";
-import { PktCard as a } from "./pkt-card.js";
-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 w } from "./alert-Dh6A96vo.js";
+import { c as f } from "./calendar-BUqcNvfI.js";
+import { P as O } from "./calendar-BUqcNvfI.js";
+import { P as j } from "./card-kWt0BA2a.js";
+import { P, x as h, s as c, n, t as k } from "./icon-wUXeHiBk.js";
+import { a as D } from "./icon-wUXeHiBk.js";
+import { P as x } from "./pkt-slot-controller-RJvOnbF4.js";
+import { e as m, n as d } from "./ref-DuFGTLVX.js";
+import { e as u } from "./class-map-hz16xq5a.js";
+import { P as G } from "./datepicker-iNCYioZ9.js";
+import { P as M } from "./helptext--4FLdAWi.js";
+import { P as B } from "./input-wrapper-BTQk3W8T.js";
+import { P as N } from "./link-Bx9nVgZi.js";
+import { P as W } from "./linkcard-CUrbzjLK.js";
+import { P as z } from "./messagebox-LpiVQIoM.js";
+import { P as J } from "./modal-Co1YFmHi.js";
+import { P as V } from "./progressbar-BS_oawSB.js";
+import { P as Y } from "./tag-DGFgUF3l.js";
+import { P as tt } from "./textarea-BAGWR1Hi.js";
+import { P as rt } from "./textinput-pJ3N8m6g.js";
+var g = Object.defineProperty, v = Object.getOwnPropertyDescriptor, o = (t, e, i, a) => {
+  for (var r = a > 1 ? void 0 : a ? v(e, i) : e, p = t.length - 1, l; p >= 0; p--)
+    (l = t[p]) && (r = (a ? l(e, i, r) : l(r)) || r);
+  return a && r && g(e, i, r), r;
+};
+let s = class extends P {
+  constructor() {
+    super(), this.string = "", this.strings = [], this.darkmode = !1, this._list = [], this.defaultSlot = m(), this.namedSlot = m(), this.slotController = new x(this, this.defaultSlot, this.namedSlot);
+  }
+  /**
+   * Runs on mount, used to set up various values and whatever you need to run
+   */
+  connectedCallback() {
+    this.strings.length && this.strings.forEach((t) => {
+      this._list.push(t.toUpperCase());
+    }), super.connectedCallback();
+  }
+  /**
+   * Render functions
+   */
+  render() {
+    const t = {
+      "pkt-component": !0,
+      "pkt-component--has-list": this.strings.length > 0,
+      "pkt-darkmode": this.darkmode
+    };
+    return h`
+      <div class="${u(t)}">
+        <h1 class="pkt-txt-28">${this.string}</h1>
+
+        <h2 class="pkt-txt-22">Innhold fra attributter og funksjoner</h2>
+        <div>${this.renderList(this.strings)}</div>
+        <div>${this.renderList(this.doStuff(this._list))}</div>
+
+        <h2 class="pkt-txt-22">Slot</h2>
+        <div ${d(this.defaultSlot)}>defaultSlotRef</div>
+        <h2 class="pkt-txt-22">Named slot</h2>
+        <select
+          name="named-slot"
+          ${d(this.namedSlot)}
+          @change=${(e) => alert(e.target.value)}
+        >
+          namedSlotRef
+        </select>
+
+        <h2 class="pkt-txt-22">Knapp som emitter en event</h2>
+        <button type="button" @click=${() => this.handleGreeting()}>
+          Si ${c.example.hi}
+        </button>
+      </div>
+    `;
+  }
+  renderList(t) {
+    return h`
+      <ul>
+        ${t.map((e) => h`<li>${e}</li>`)}
+      </ul>
+    `;
+  }
+  /**
+   * Add other functionality under here
+   */
+  doStuff(t) {
+    return t.reverse();
+  }
+  /**
+   * Handlers for returning data from the component
+   */
+  handleGreeting() {
+    this.dispatchEvent(
+      new CustomEvent("pkt-greeting", {
+        detail: "Hei på deg!"
+      })
+    );
+  }
+};
+o([
+  n({ type: String })
+], s.prototype, "string", 2);
+o([
+  n({ converter: f })
+], s.prototype, "strings", 2);
+o([
+  n({ type: Boolean })
+], s.prototype, "darkmode", 2);
+o([
+  n({ type: Array })
+], s.prototype, "_list", 2);
+s = o([
+  k("pkt-component")
+], s);
 export {
-  o as PktAlert,
-  P as PktCalendar,
-  a as PktCard,
-  k as PktComponent,
-  f as PktDatepicker,
-  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
+  w as PktAlert,
+  O as PktCalendar,
+  j as PktCard,
+  s as PktComponent,
+  G as PktDatepicker,
+  M as PktHelptext,
+  D as PktIcon,
+  B as PktInputWrapper,
+  N as PktLink,
+  W as PktLinkCard,
+  z as PktMessagebox,
+  J as PktModal,
+  V as PktProgressbar,
+  Y as PktTag,
+  tt as PktTextarea,
+  rt 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-D-PNRJB_.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-BTQk3W8T.js";
 const r = p;
 export {
   p as PktInputWrapper,

package/dist/pkt-link.cjs

@@ -1,8 +1 @@
-"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)}
-      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);
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./link-BpqavGSD.cjs"),t=e.PktLink;Object.defineProperty(exports,"PktLink",{enumerable:!0,get:()=>e.PktLink});exports.default=t;

package/dist/pkt-link.js

@@ -1,109 +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 { e as P } from "./class-map-CBvUV2N3.js";
-import { t as y } from "./custom-element-CWfU4dcr.js";
-import "./index-RwtTBIhT.js";
-const g = "pkt-link", v = !0, _ = {
-  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
-  }
-}, x = {
-  default: {
-    description: "Innholdet i lenken"
-  }
-}, c = {
-  name: g,
-  "css-class": "pkt-link",
-  "dark-mode": !0,
-  isElement: v,
-  props: _,
-  slots: x
-};
-var $ = Object.defineProperty, N = Object.getOwnPropertyDescriptor, n = (o, s, l, r) => {
-  for (var t = r > 1 ? void 0 : r ? N(s, l) : s, p = o.length - 1, a; p >= 0; p--)
-    (a = o[p]) && (t = (r ? a(s, l, t) : a(t)) || t);
-  return r && t && $(s, l, t), t;
-};
-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);
-  }
-  render() {
-    const o = {
-      "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 k`<a
-      class=${P(o)}
-      href=${this.href}
-      @click=${this.handleClick}
-      .target=${this.target}
-      .rel=${this.external ? "noopener noreferrer" : h}
-      >${this.iconName ? k`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>` : ""} <span ${u(this.defaultSlot)}>Link</span></a
-    >`;
-  }
-  handleClick() {
-    this.dispatchEvent(
-      new CustomEvent("click", {
-        detail: "pkt-link-clicked",
-        bubbles: !0
-      })
-    );
-  }
-};
-n([
-  i({ type: String, reflect: !0 })
-], e.prototype, "href", 2);
-n([
-  i({ type: String, reflect: !0 })
-], e.prototype, "iconName", 2);
-n([
-  i({ type: String, reflect: !0 })
-], e.prototype, "iconPosition", 2);
-n([
-  i({ type: Boolean, reflect: !0 })
-], e.prototype, "external", 2);
-n([
-  i({ type: String, reflect: !0 })
-], e.prototype, "target", 2);
-e = n([
-  y("pkt-link")
-], e);
+import { P as t } from "./link-Bx9nVgZi.js";
+const a = t;
 export {
-  e as PktLink
+  t as PktLink,
+  a as default
 };

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-DSu3A4Yx.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-CUrbzjLK.js";
 const k = a;
 export {
   a as PktLinkCard,

package/dist/pkt-messagebox.cjs

@@ -1,12 +1 @@
-"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)}>
-      ${this.closable?e.x`<div class="pkt-messagebox__close">
-            <button
-              @click=${this.close}
-              class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
-            >
-              <pkt-icon name="close" class="pkt-link__icon"></pkt-icon>
-            </button>
-          </div>`:e.E}
-      ${this.title?e.x`<div class="pkt-messagebox__title">${this.title}</div>`:e.E}
-      <div class="pkt-messagebox__text" ${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);
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./messagebox-C1aWoQbu.cjs"),t=e.PktMessagebox;Object.defineProperty(exports,"PktMessagebox",{enumerable:!0,get:()=>e.PktMessagebox});exports.default=t;

package/dist/pkt-messagebox.js

@@ -1,107 +1,6 @@
-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 { t as v } from "./custom-element-CWfU4dcr.js";
-import "./index-RwtTBIhT.js";
-const _ = "pkt-messagebox", x = !0, y = {
-  onClose: {
-    description: "React: Event som trigges når meldingsboksen lukkes"
-  },
-  "on-close": {
-    description: "Vue: Event som trigges når meldingsboksen lukkes"
-  }
-}, C = {
-  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
-  }
-}, E = {
-  default: {
-    description: "Innholdet i meldingsboksen"
-  }
-}, m = {
-  name: _,
-  "css-class": "pkt-messagebox",
-  isElement: x,
-  events: y,
-  props: C,
-  slots: E
-};
-var P = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, o = (e, l, p, i) => {
-  for (var t = i > 1 ? void 0 : i ? $(l, p) : l, r = e.length - 1, a; r >= 0; r--)
-    (a = e[r]) && (t = (i ? a(l, p, t) : a(t)) || t);
-  return i && t && P(l, p, t), t;
-};
-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) => {
-      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;
-  }
-  render() {
-    const e = {
-      "pkt-messagebox": !0,
-      "pkt-messagebox--compact": this.compact,
-      [`pkt-messagebox--${this.skin}`]: this.skin,
-      "pkt-messagebox--closable": this.closable,
-      "pkt-hide": this._isClosed
-    };
-    return c`<div class=${f(e)}>
-      ${this.closable ? c`<div class="pkt-messagebox__close">
-            <button
-              @click=${this.close}
-              class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
-            >
-              <pkt-icon name="close" class="pkt-link__icon"></pkt-icon>
-            </button>
-          </div>` : d}
-      ${this.title ? c`<div class="pkt-messagebox__title">${this.title}</div>` : d}
-      <div class="pkt-messagebox__text" ${h(this.defaultSlot)}></div>
-    </div>`;
-  }
-};
-o([
-  n({ type: Boolean, reflect: !0 })
-], s.prototype, "closable", 2);
-o([
-  n({ type: Boolean, reflect: !0 })
-], s.prototype, "compact", 2);
-o([
-  n({ type: String, reflect: !0 })
-], s.prototype, "title", 2);
-o([
-  n({ type: String, reflect: !0 })
-], s.prototype, "skin", 2);
-o([
-  b()
-], s.prototype, "_isClosed", 2);
-s = o([
-  v("pkt-messagebox")
-], s);
+import { P as s } from "./messagebox-LpiVQIoM.js";
+const a = s;
 export {
-  s as PktMessagebox
+  s as PktMessagebox,
+  a as default
 };

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-Avai5eVz.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-Co1YFmHi.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-CuXkbAhJ.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-BS_oawSB.js";
+import { P as t } from "./progressbar-BS_oawSB.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,17 +1 @@
-"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`
-        <button
-          class=${u.e(l)}
-          type=${this.type}
-          aria-label=${this.ariaLabel}
-          @click=${this.close}
-        >
-          ${this.iconName&&t.x`<pkt-icon class="pkt-tag__icon" name=${this.iconName}></pkt-icon>`}
-          <span ${o.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>
-      `}};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);
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./tag-CGy2mSLE.cjs"),t=e.PktTag;Object.defineProperty(exports,"PktTag",{enumerable:!0,get:()=>e.PktTag});exports.default=t;