@oslokommune/punkt-elements 12.18.0 → 12.18.2

package/dist/pkt-tag.js

@@ -1,151 +1,6 @@
-import { e as h } from "./class-map-CBvUV2N3.js";
-import { t as d } from "./custom-element-CWfU4dcr.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: {
-    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"
-  }
-}, _ = {
-  default: {
-    description: "Teksten til tag"
-  }
-}, r = {
-  name: b,
-  "css-class": "pkt-tag",
-  isElement: S,
-  props: $,
-  slots: _
-};
-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 y {
-  constructor() {
-    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 g(this, this.defaultSlot), this._isClosed = !1;
-  }
-  render() {
-    const s = {
-      "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 ? p`
-        <button
-          class=${h(l)}
-          type=${this.type}
-          aria-label=${this.ariaLabel}
-          @click=${this.close}
-        >
-          ${this.iconName && p`<pkt-icon class="pkt-tag__icon" name=${this.iconName}></pkt-icon>`}
-          <span ${f(this.defaultSlot)}></span>
-          <pkt-icon class="pkt-tag__close-btn" name="close"></pkt-icon>
-        </button>
-      ` : p`
-        <span class=${h(s)}>
-          ${this.iconName && p` <pkt-icon class="pkt-tag__icon" name=${this.iconName}></pkt-icon> `}
-          <span ${f(this.defaultSlot)}></span>
-        </span>
-      `;
-  }
-};
-e([
-  o({ type: Boolean, reflect: !0 })
-], t.prototype, "closeTag", 2);
-e([
-  o({ type: String, reflect: !0 })
-], t.prototype, "size", 2);
-e([
-  o({ type: String, reflect: !0 })
-], t.prototype, "skin", 2);
-e([
-  o({ type: String, reflect: !0 })
-], t.prototype, "textStyle", 2);
-e([
-  o({ type: String, reflect: !0 })
-], t.prototype, "iconName", 2);
-e([
-  o({ type: String, reflect: !0 })
-], t.prototype, "type", 2);
-e([
-  o({ type: String, reflect: !0 })
-], t.prototype, "ariaLabel", 2);
-e([
-  m()
-], t.prototype, "_isClosed", 2);
-t = e([
-  d("pkt-tag")
-], t);
+import { P as a } from "./tag-DGFgUF3l.js";
+const o = a;
 export {
-  t as PktTag
+  a as PktTag,
+  o as default
 };

package/dist/pkt-textarea.cjs

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

package/dist/{progressbar-1PEs_SMc.js → progressbar-BS_oawSB.js}

@@ -1,62 +1,57 @@
-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";
+import { o as h } from "./if-defined-ZFE4ti2t.js";
+import { e as u } from "./class-map-hz16xq5a.js";
+import { e as m, i as $, b as _, T as P, P as k, x as c, n as o, t as x } from "./icon-wUXeHiBk.js";
+import { r as b } from "./state-BfyXV7EL.js";
+import { e as d, n as w } from "./ref-DuFGTLVX.js";
+import { u as B } from "./stringutils-DJjRa8dG.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) {
+const f = "important", C = " !" + f, T = m(class extends $ {
+  constructor(e) {
     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.");
+    if (super(e), e.type !== _.ATTRIBUTE || e.name !== "style" || ((s = e.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};`;
+  render(e) {
+    return Object.keys(e).reduce((s, r) => {
+      const t = e[r];
+      return t == null ? s : s + `${r = r.includes("-") ? r : r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${t};`;
     }, "");
   }
-  update(t, [s]) {
-    const { style: r } = t.element;
+  update(e, [s]) {
+    const { style: r } = e.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];
+    for (const t of this.ft) s[t] == null && (this.ft.delete(t), t.includes("-") ? r.removeProperty(t) : r[t] = null);
+    for (const t in s) {
+      const i = s[t];
       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;
+        this.ft.add(t);
+        const p = typeof i == "string" && i.endsWith(C);
+        t.includes("-") || p ? r.setProperty(t, p ? i.slice(0, -11) : i, p ? f : "") : r[t] = i;
       }
     }
-    return m;
+    return P;
   }
 });
-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;
+var M = Object.defineProperty, S = Object.getOwnPropertyDescriptor, l = (e, s, r, t) => {
+  for (var i = t > 1 ? void 0 : t ? S(s, r) : s, p = e.length - 1, n; p >= 0; p--)
+    (n = e[p]) && (i = (t ? n(s, r, i) : n(i)) || i);
+  return t && i && M(s, r, i), i;
 };
-let a = class extends _ {
+let a = class extends k {
   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();
+  firstUpdated(e) {
+    super.firstUpdated(e), this.id ? this.progressBarId = this.id : this.progressBarId = B();
   }
-  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);
+  updated(e) {
+    super.updated(e), e.has("valueCurrent") && this.labelRef.value && (this.labelWidth = this.labelRef.value.getBoundingClientRect().width || 0), e.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({
+    const e = this.valueMax - this.valueMin, s = this.valueCurrent / e * 100, r = this.valueMax !== 100 || this.valueMin !== 0 ? Math.round(s) : this.valueCurrent, t = `${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({
@@ -70,16 +65,16 @@ let a = class extends _ {
       "pkt-progressbar__status-placement--center": this.statusPlacement === "center",
       "pkt-progressbar__status-placement--left": this.statusPlacement === "left"
     });
-    return h` <div
+    return c` <div
       id=${this.progressBarId}
       class="pkt-progressbar__container"
       .ref=${this.progressBarRef}
-      style=${M({
+      style=${T({
       "--pkt-progress-label-width": `${this.labelWidth}px`,
       "--pkt-progress-width": `${r}%`
     })}
     >
-      ${this.title && h`<p id=${`${this.progressBarId}-title`} class=${g}>${this.title}</p>`}
+      ${this.title && c`<p id=${`${this.progressBarId}-title`} class=${g}>${this.title}</p>`}
 
       <div
         .id=${this.progressBarId}
@@ -88,16 +83,16 @@ let a = class extends _ {
         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)}
+        aria-labelledby=${h(p)}
+        aria-label=${h(this.ariaLabel)}
+        aria-valuetext=${h(this.ariaValueText)}
       >
         <div class=${n}></div>
       </div>
 
-      ${i && h`<div class=${y}>
-        <span class=${v} ${C(this.labelRef)}>
-          ${this.statusType === "percentage" ? `${r}%` : e}
+      ${i && c`<div class=${y}>
+        <span class=${v} ${w(this.labelRef)}>
+          ${this.statusType === "percentage" ? `${r}%` : t}
         </span>
       </div>`}
     </div>`;
@@ -146,7 +141,7 @@ l([
   b()
 ], a.prototype, "progressBarId", 2);
 a = l([
-  B("pkt-progressbar")
+  x("pkt-progressbar")
 ], a);
 const E = a;
 export {

package/dist/{progressbar-BlzTFI9U.cjs → progressbar-CuXkbAhJ.cjs}

@@ -1,16 +1,12 @@
-"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");/**
+"use strict";const u=require("./if-defined-DEDlGbAc.cjs"),p=require("./class-map-Boa7BqCc.cjs"),r=require("./icon-CdMQ6zBT.cjs"),c=require("./state-SKYD8kRO.cjs"),h=require("./ref-DCOsLZQg.cjs"),y=require("./stringutils-CkVRq4jP.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
+ */const b="important",v=" !"+b,k=r.e(class extends r.i{constructor(l){var t;if(super(l),l.type!==r.t$1.ATTRIBUTE||l.name!=="style"||((t=l.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(l){return Object.keys(l).reduce((t,s)=>{const e=l[s];return e==null?t:t+`${s=s.includes("-")?s:s.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${e};`},"")}update(l,[t]){const{style:s}=l.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(v);e.includes("-")||o?s.setProperty(e,o?a.slice(0,-11):a,o?b:""):s[e]=a}}return r.T}});var $=Object.defineProperty,_=Object.getOwnPropertyDescriptor,i=(l,t,s,e)=>{for(var a=e>1?void 0:e?_(t,s):t,o=l.length-1,n;o>=0;o--)(n=l[o])&&(a=(e?n(t,s,a):n(a))||a);return e&&a&&$(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=y.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}%`})}
+      style=${k({"--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>`}
 
@@ -21,9 +17,9 @@
         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)}
+        aria-labelledby=${u.o(n)}
+        aria-label=${u.o(this.ariaLabel)}
+        aria-valuetext=${u.o(this.ariaValueText)}
       >
         <div class=${g}></div>
       </div>
@@ -33,4 +29,4 @@
           ${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;
+    </div>`}};i([r.n({type:Number,reflect:!0})],exports.PktProgressbar.prototype,"valueCurrent",2);i([r.n({type:Number,reflect:!0})],exports.PktProgressbar.prototype,"valueMax",2);i([r.n({type:Number,reflect:!0})],exports.PktProgressbar.prototype,"valueMin",2);i([r.n({type:String,reflect:!0})],exports.PktProgressbar.prototype,"skin",2);i([r.n({type:String,reflect:!0})],exports.PktProgressbar.prototype,"title",2);i([r.n({type:String,reflect:!0})],exports.PktProgressbar.prototype,"titlePosition",2);i([r.n({type:String,reflect:!0})],exports.PktProgressbar.prototype,"statusType",2);i([r.n({type:String,reflect:!0})],exports.PktProgressbar.prototype,"statusPlacement",2);i([r.n({type:String,reflect:!0})],exports.PktProgressbar.prototype,"ariaLabel",2);i([r.n({type:String,reflect:!0})],exports.PktProgressbar.prototype,"ariaLabelledby",2);i([r.n({type:String,reflect:!0})],exports.PktProgressbar.prototype,"ariaValueText",2);i([r.n({type:String,reflect:!0})],exports.PktProgressbar.prototype,"role",2);i([c.r()],exports.PktProgressbar.prototype,"labelWidth",2);i([c.r()],exports.PktProgressbar.prototype,"progressBarId",2);exports.PktProgressbar=i([r.t("pkt-progressbar")],exports.PktProgressbar);const m=exports.PktProgressbar;exports.PktProgressbar$1=m;

package/dist/ref-DCOsLZQg.cjs

@@ -0,0 +1,13 @@
+"use strict";const c=require("./icon-CdMQ6zBT.cjs");/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const{I:g}=c.Z,a=t=>t.strings===void 0,f=()=>document.createComment(""),p=(t,s,e)=>{var h;const i=t._$AA.parentNode,n=s===void 0?t._$AB:s._$AA;if(e===void 0){const $=i.insertBefore(f(),n),A=i.insertBefore(f(),n);e=new g($,A,t,t.options)}else{const $=e._$AB.nextSibling,A=e._$AM,d=A!==t;if(d){let o;(h=e._$AQ)==null||h.call(e,t),e._$AM=t,e._$AP!==void 0&&(o=t._$AU)!==A._$AU&&e._$AP(o)}if($!==n||d){let o=e._$AA;for(;o!==$;){const v=o.nextSibling;i.insertBefore(o,n),o=v}}}return e},Y=(t,s,e=t)=>(t._$AI(s,e),t),C={},M=(t,s=C)=>t._$AH=s,b=t=>t._$AH,m=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 r=(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),r(n,s);return!0},_=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)},u=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),x(s)}};function N(t){this._$AN!==void 0?(_(this),this._$AM=t,u(this)):this._$AM=t}function w(t,s=!1,e=0){const i=this._$AH,n=this._$AN;if(n!==void 0&&n.size!==0)if(s)if(Array.isArray(i))for(let h=e;h<i.length;h++)r(i[h],!1),_(i[h]);else i!=null&&(r(i,!1),_(i));else r(this,t)}const x=t=>{t.type==c.t$1.CHILD&&(t._$AP??(t._$AP=w),t._$AQ??(t._$AQ=N))};class B extends c.i{constructor(){super(...arguments),this._$AN=void 0}_$AT(s,e,i){super._$AT(s,e,i),u(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&&(r(this,s),_(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 y=()=>new H;class H{}const l=new WeakMap,I=c.e(class extends B{render(t){return c.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)),c.E}rt(t){if(this.isConnected||(t=void 0),typeof this.Y=="function"){const s=this.ht??globalThis;let e=l.get(s);e===void 0&&(e=new WeakMap,l.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=l.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=m;exports.e=y;exports.f=a;exports.m=M;exports.n=I;exports.p=b;exports.r=p;exports.v=Y;

package/dist/{ref-Dzme4zb6.js → ref-DuFGTLVX.js}

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

package/dist/state-BfyXV7EL.js

@@ -0,0 +1,12 @@
+import { n as r } from "./icon-wUXeHiBk.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function n(t) {
+  return r({ ...t, state: !0, attribute: !1 });
+}
+export {
+  n as r
+};

package/dist/state-SKYD8kRO.cjs

@@ -0,0 +1,5 @@
+"use strict";const r=require("./icon-CdMQ6zBT.cjs");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function e(t){return r.n({...t,state:!0,attribute:!1})}exports.r=e;

package/dist/stringutils-CkVRq4jP.cjs

@@ -0,0 +1 @@
+"use strict";const i=()=>("00000000000000000"+(Math.random()*18446744073709552e3).toString(16)).slice(-16),c=()=>{const s=i(),e=i();return s.slice(0,8)+"-"+s.slice(8,12)+"-4"+s.slice(13)+"-a"+e.slice(1,4)+"-"+e.slice(4)};exports.uuidish=c;

package/dist/stringutils-DJjRa8dG.js

@@ -0,0 +1,7 @@
+const c = () => ("00000000000000000" + (Math.random() * 18446744073709552e3).toString(16)).slice(-16), t = () => {
+  const e = c(), s = c();
+  return e.slice(0, 8) + "-" + e.slice(8, 12) + "-4" + e.slice(13) + "-a" + s.slice(1, 4) + "-" + s.slice(4);
+};
+export {
+  t as u
+};

package/dist/tag-CGy2mSLE.cjs

@@ -0,0 +1,17 @@
+"use strict";const u=require("./class-map-Boa7BqCc.cjs"),t=require("./icon-CdMQ6zBT.cjs"),h=require("./state-SKYD8kRO.cjs"),g=require("./pkt-slot-controller-Ckk_yV0j.cjs"),c=require("./ref-DCOsLZQg.cjs"),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 b=Object.defineProperty,m=Object.getOwnPropertyDescriptor,s=(o,e,l,r)=>{for(var i=r>1?void 0:r?m(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&&b(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 g.PktSlotController(this,this.defaultSlot),this._isClosed=!1}render(){const e={"pkt-tag":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle},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 ${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 ${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([h.r()],exports.PktTag.prototype,"_isClosed",2);exports.PktTag=s([t.t("pkt-tag")],exports.PktTag);