@oslokommune/punkt-elements 12.17.2 → 12.18.1

package/dist/pkt-tag.js

@@ -1,150 +1,6 @@
-import { e as h } from "./class-map-CBvUV2N3.js";
-import { t as d } from "./custom-element-CWfU4dcr.js";
-import { r as y, P as g, x as p, n as l } from "./index-CFDwiDTU.js";
-import { e as m, P as k, n as f } from "./ref-CaiKp3S2.js";
-import "./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"
-  }
-}, a = {
-  name: b,
-  "css-class": "pkt-tag",
-  isElement: S,
-  props: $,
-  slots: _
-};
-var x = Object.defineProperty, C = Object.getOwnPropertyDescriptor, e = (s, o, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? C(o, n) : o, c = s.length - 1, u; c >= 0; c--)
-    (u = s[c]) && (i = (r ? u(o, n, i) : u(i)) || i);
-  return r && i && x(o, n, i), i;
-};
-let t = class extends g {
-  constructor() {
-    super(), this.defaultSlot = m(), this.closeTag = a.props.closeTag.default, this.size = a.props.size.default, this.skin = a.props.skin.default, this.textStyle = a.props.textStyle.default, this.iconName = void 0, this.type = a.props.type.default, this.ariaLabel = a.props.ariaLabel.default, this._isClosed = !1, this.close = (s) => {
-      this._isClosed = !0, this.dispatchEvent(
-        new CustomEvent("close", { detail: { origin: s }, bubbles: !0, composed: !0 })
-      ), this.dispatchEvent(
-        new CustomEvent("on-close", { detail: { origin: s }, bubbles: !0, composed: !0 })
-      );
-    }, this.slotController = new k(this, this.defaultSlot), this._isClosed = !1;
-  }
-  render() {
-    const s = {
-      "pkt-tag": !0,
-      [`pkt-tag--${this.size}`]: !!this.size,
-      [`pkt-tag--${this.skin}`]: !!this.skin,
-      [`pkt-tag--${this.textStyle}`]: !!this.textStyle
-    }, o = {
-      "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(o)}
-          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([
-  l({ type: Boolean, reflect: !0 })
-], t.prototype, "closeTag", 2);
-e([
-  l({ type: String, reflect: !0 })
-], t.prototype, "size", 2);
-e([
-  l({ type: String, reflect: !0 })
-], t.prototype, "skin", 2);
-e([
-  l({ type: String, reflect: !0 })
-], t.prototype, "textStyle", 2);
-e([
-  l({ type: String, reflect: !0 })
-], t.prototype, "iconName", 2);
-e([
-  l({ type: String, reflect: !0 })
-], t.prototype, "type", 2);
-e([
-  l({ type: String, reflect: !0 })
-], t.prototype, "ariaLabel", 2);
-e([
-  y()
-], 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-B45ZZYpx.cjs"),t=e.PktTextarea;Object.defineProperty(exports,"PktTextarea",{enumerable:!0,get:()=>e.PktTextarea});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textarea-BiUrhAlk.cjs"),t=e.PktTextarea;Object.defineProperty(exports,"PktTextarea",{enumerable:!0,get:()=>e.PktTextarea});exports.default=t;

package/dist/pkt-textarea.js

@@ -1,4 +1,4 @@
-import { P as a } from "./textarea-BTpJjEhO.js";
+import { P as a } from "./textarea-BAGWR1Hi.js";
 const e = a;
 export {
   a as PktTextarea,

package/dist/pkt-textinput.cjs

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

package/dist/pkt-textinput.js

@@ -1,4 +1,4 @@
-import { P as t } from "./textinput-CVo5wG14.js";
+import { P as t } from "./textinput-pJ3N8m6g.js";
 const p = t;
 export {
   t as PktTextinput,

package/dist/progressbar-BS_oawSB.js

@@ -0,0 +1,150 @@
+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 f = "important", C = " !" + f, T = m(class extends $ {
+  constructor(e) {
+    var s;
+    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(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(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 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(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 P;
+  }
+});
+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 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(e) {
+    super.firstUpdated(e), this.id ? this.progressBarId = this.id : this.progressBarId = B();
+  }
+  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 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({
+      "pkt-progressbar__title": !0,
+      "pkt-progressbar__title-center": this.titlePosition === "center"
+    }), y = u({
+      "pkt-progressbar__status": !0,
+      "pkt-progressbar__status--center": this.statusPlacement === "center"
+    }), v = u({
+      "pkt-progressbar__status-placement--following": this.statusPlacement === "following",
+      "pkt-progressbar__status-placement--center": this.statusPlacement === "center",
+      "pkt-progressbar__status-placement--left": this.statusPlacement === "left"
+    });
+    return c` <div
+      id=${this.progressBarId}
+      class="pkt-progressbar__container"
+      .ref=${this.progressBarRef}
+      style=${T({
+      "--pkt-progress-label-width": `${this.labelWidth}px`,
+      "--pkt-progress-width": `${r}%`
+    })}
+    >
+      ${this.title && c`<p id=${`${this.progressBarId}-title`} class=${g}>${this.title}</p>`}
+
+      <div
+        .id=${this.progressBarId}
+        role=${this.role}
+        class="pkt-progressbar__bar-wrapper"
+        aria-valuemin=${this.valueMin}
+        aria-valuemax=${this.valueMax}
+        aria-valuenow=${this.valueCurrent}
+        aria-labelledby=${h(p)}
+        aria-label=${h(this.ariaLabel)}
+        aria-valuetext=${h(this.ariaValueText)}
+      >
+        <div class=${n}></div>
+      </div>
+
+      ${i && c`<div class=${y}>
+        <span class=${v} ${w(this.labelRef)}>
+          ${this.statusType === "percentage" ? `${r}%` : t}
+        </span>
+      </div>`}
+    </div>`;
+  }
+};
+l([
+  o({ type: Number, reflect: !0 })
+], a.prototype, "valueCurrent", 2);
+l([
+  o({ type: Number, reflect: !0 })
+], a.prototype, "valueMax", 2);
+l([
+  o({ type: Number, reflect: !0 })
+], a.prototype, "valueMin", 2);
+l([
+  o({ type: String, reflect: !0 })
+], a.prototype, "skin", 2);
+l([
+  o({ type: String, reflect: !0 })
+], a.prototype, "title", 2);
+l([
+  o({ type: String, reflect: !0 })
+], a.prototype, "titlePosition", 2);
+l([
+  o({ type: String, reflect: !0 })
+], a.prototype, "statusType", 2);
+l([
+  o({ type: String, reflect: !0 })
+], a.prototype, "statusPlacement", 2);
+l([
+  o({ type: String, reflect: !0 })
+], a.prototype, "ariaLabel", 2);
+l([
+  o({ type: String, reflect: !0 })
+], a.prototype, "ariaLabelledby", 2);
+l([
+  o({ type: String, reflect: !0 })
+], a.prototype, "ariaValueText", 2);
+l([
+  o({ type: String, reflect: !0 })
+], a.prototype, "role", 2);
+l([
+  b()
+], a.prototype, "labelWidth", 2);
+l([
+  b()
+], a.prototype, "progressBarId", 2);
+a = l([
+  x("pkt-progressbar")
+], a);
+const E = a;
+export {
+  a as P,
+  E as a
+};

package/dist/progressbar-CuXkbAhJ.cjs

@@ -0,0 +1,32 @@
+"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 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=${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>`}
+
+      <div
+        .id=${this.progressBarId}
+        role=${this.role}
+        class="pkt-progressbar__bar-wrapper"
+        aria-valuemin=${this.valueMin}
+        aria-valuemax=${this.valueMax}
+        aria-valuenow=${this.valueCurrent}
+        aria-labelledby=${u.o(n)}
+        aria-label=${u.o(this.ariaLabel)}
+        aria-valuetext=${u.o(this.ariaValueText)}
+      >
+        <div class=${g}></div>
+      </div>
+
+      ${o&&r.x`<div class=${P}>
+        <span class=${f} ${h.n(this.labelRef)}>
+          ${this.statusType==="percentage"?`${e}%`:a}
+        </span>
+      </div>`}
+    </div>`}};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-DuFGTLVX.js

@@ -0,0 +1,142 @@
+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: 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 C(c, $, t, t.options);
+  } else {
+    const c = e._$AB.nextSibling, $ = e._$AM, l = $ !== t;
+    if (l) {
+      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 o = e._$AA;
+      for (; o !== c; ) {
+        const v = o.nextSibling;
+        i.insertBefore(o, n), o = v;
+      }
+    }
+  }
+  return e;
+}, 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;
+  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;
+}, A = (t) => {
+  let s, e;
+  do {
+    if ((s = t._$AM) === void 0) break;
+    e = s._$AN, e.delete(t), t = s;
+  } while ((e == null ? void 0 : e.size) === 0);
+}, a = (t) => {
+  for (let s; s = t._$AM; t = s) {
+    let e = s._$AN;
+    if (e === void 0) s._$AN = e = /* @__PURE__ */ new Set();
+    else if (e.has(t)) break;
+    e.add(t), x(s);
+  }
+};
+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 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 == p.CHILD && (t._$AP ?? (t._$AP = N), t._$AQ ?? (t._$AQ = M));
+};
+class w extends g {
+  constructor() {
+    super(...arguments), this._$AN = void 0;
+  }
+  _$AT(s, e, i) {
+    super._$AT(s, e, i), a(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), A(this));
+  }
+  setValue(s) {
+    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);
+    }
+  }
+  disconnected() {
+  }
+  reconnected() {
+  }
+}
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const T = () => new B();
+class B {
+}
+const _ = /* @__PURE__ */ new WeakMap(), U = Y(class extends w {
+  render(t) {
+    return d;
+  }
+  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)), d;
+  }
+  rt(t) {
+    if (this.isConnected || (t = void 0), typeof this.Y == "function") {
+      const s = this.ht ?? globalThis;
+      let e = _.get(s);
+      e === void 0 && (e = /* @__PURE__ */ new WeakMap(), _.set(s, e)), e.get(this.Y) !== void 0 && this.Y.call(this.ht, void 0), e.set(this.Y, t), t !== void 0 && this.Y.call(this.ht, t);
+    } else this.Y.value = t;
+  }
+  get lt() {
+    var t, s;
+    return typeof this.Y == "function" ? (t = _.get(this.ht ?? globalThis)) == null ? void 0 : t.get(this.Y) : (s = this.Y) == null ? void 0 : s.value;
+  }
+  disconnected() {
+    this.lt === this.ct && this.rt(void 0);
+  }
+  reconnected() {
+    this.rt(this.ct);
+  }
+});
+export {
+  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);