@oslokommune/punkt-elements 16.7.0 → 16.7.3

package/dist/{heading-CKt7cVn7.js → heading-D2tVS6lS.js}

@@ -1,18 +1,18 @@
-import { a as n, b as g, n as r, t as p } from "./element-CPpT3rFQ.js";
-var o = Object.defineProperty, c = Object.getOwnPropertyDescriptor, a = (e, l, t, h) => {
-  for (var i = h > 1 ? void 0 : h ? c(l, t) : l, d = e.length - 1, u; d >= 0; d--)
-    (u = e[d]) && (i = (h ? u(l, t, i) : u(i)) || i);
-  return h && i && o(l, t, i), i;
+import { t as u, a as g, b as p, n as a } from "./element-CPpT3rFQ.js";
+var o = Object.defineProperty, l = (r, e, d, t) => {
+  for (var i = void 0, h = r.length - 1, n; h >= 0; h--)
+    (n = r[h]) && (i = n(e, d, i) || i);
+  return i && o(e, d, i), i;
 };
-let s = class extends n {
+class s extends g {
   constructor() {
     super(...arguments), this.size = void 0, this.level = 2, this.weight = void 0, this.visuallyHidden = !1, this.align = void 0;
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("role", "heading"), this.setAttribute("aria-level", String(this.level)), this.updateHostClasses();
   }
-  attributeChangedCallback(e, l, t) {
-    super.attributeChangedCallback(e, l, t), e === "level" && t && this.setLevel(Number(t)), e === "visuallyHidden" && (this.visuallyHidden = t !== null && t !== "false"), (e === "size" || e === "visuallyHidden" || e === "align" || e === "weight") && this.updateHostClasses();
+  attributeChangedCallback(e, d, t) {
+    super.attributeChangedCallback(e, d, t), e === "level" && t && this.setLevel(Number(t)), e === "visuallyHidden" && (this.visuallyHidden = t !== null && t !== "false"), (e === "size" || e === "visuallyHidden" || e === "align" || e === "weight") && this.updateHostClasses();
   }
   updated(e) {
     super.updated(e), e.has("level") && (this.setLevel(this.level), this.hasAttribute("size") || (this.size = this.defaultSizeForLevel), this.hasAttribute("weight") || (this.weight = this.defaultWeightForLevel)), !this.hasAttribute("size") && (e.has("level") || this.size === void 0) && (this.size = this.defaultSizeForLevel), (e.has("size") || e.has("visuallyHidden") || e.has("align") || e.has("weight")) && this.updateHostClasses();
@@ -75,27 +75,29 @@ let s = class extends n {
     ), this.classList.add("pkt-heading"), this.size && this.classList.add(`pkt-heading--${this.size}`), this.weight && this.classList.add(`pkt-heading--fw-${this.weight}`), this.visuallyHidden && this.classList.add("pkt-sr-only"), this.align && this.classList.add(`pkt-heading--${this.align}`);
   }
   render() {
-    return g`<slot></slot>`;
+    return p`<slot></slot>`;
   }
-};
-a([
-  r({ type: String, reflect: !0 })
-], s.prototype, "size", 2);
-a([
-  r({ type: Number, reflect: !0 })
-], s.prototype, "level", 2);
-a([
-  r({ type: String, reflect: !0 })
-], s.prototype, "weight", 2);
-a([
-  r({ type: Boolean, reflect: !0 })
-], s.prototype, "visuallyHidden", 2);
-a([
-  r({ type: String, reflect: !0 })
-], s.prototype, "align", 2);
-s = a([
-  p("pkt-heading")
-], s);
+}
+l([
+  a({ type: String, reflect: !0 })
+], s.prototype, "size");
+l([
+  a({ type: Number, reflect: !0 })
+], s.prototype, "level");
+l([
+  a({ type: String, reflect: !0 })
+], s.prototype, "weight");
+l([
+  a({ type: Boolean, reflect: !0 })
+], s.prototype, "visuallyHidden");
+l([
+  a({ type: String, reflect: !0 })
+], s.prototype, "align");
+try {
+  u("pkt-heading")(s);
+} catch {
+  console.warn("Forsøker å definere <pkt-heading>, men den er allerede definert");
+}
 export {
   s as P
 };

package/dist/heading-DrzbgDb6.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("./element-gR_VtSiD.cjs");var u=Object.defineProperty,l=(r,e,d,s)=>{for(var a=void 0,h=r.length-1,n;h>=0;h--)(n=r[h])&&(a=n(e,d,a)||a);return a&&u(e,d,a),a};class i extends t.PktShadowElement{constructor(){super(...arguments),this.size=void 0,this.level=2,this.weight=void 0,this.visuallyHidden=!1,this.align=void 0}connectedCallback(){super.connectedCallback(),this.setAttribute("role","heading"),this.setAttribute("aria-level",String(this.level)),this.updateHostClasses()}attributeChangedCallback(e,d,s){super.attributeChangedCallback(e,d,s),e==="level"&&s&&this.setLevel(Number(s)),e==="visuallyHidden"&&(this.visuallyHidden=s!==null&&s!=="false"),(e==="size"||e==="visuallyHidden"||e==="align"||e==="weight")&&this.updateHostClasses()}updated(e){super.updated(e),e.has("level")&&(this.setLevel(this.level),this.hasAttribute("size")||(this.size=this.defaultSizeForLevel),this.hasAttribute("weight")||(this.weight=this.defaultWeightForLevel)),!this.hasAttribute("size")&&(e.has("level")||this.size===void 0)&&(this.size=this.defaultSizeForLevel),(e.has("size")||e.has("visuallyHidden")||e.has("align")||e.has("weight"))&&this.updateHostClasses()}setLevel(e){e>=1&&e<=6?(this.level=e,this.setAttribute("aria-level",String(e))):console.warn(`Invalid heading level: ${e}. Must be between 1 and 6.`)}get defaultSizeForLevel(){switch(this.level){case 1:return"xlarge";case 2:return"large";case 3:return"medium";case 4:return"small";case 5:return"xsmall";case 6:return"xsmall";default:return"medium"}}get defaultWeightForLevel(){switch(this.level){case 1:return"regular";case 2:return"regular";case 3:return"medium";case 4:return"medium";case 5:return"medium";case 6:return"medium";default:return"medium"}}updateHostClasses(){this.classList.remove("pkt-heading","pkt-heading--xsmall","pkt-heading--small","pkt-heading--medium","pkt-heading--large","pkt-heading--xlarge","pkt-sr-only","pkt-heading--start","pkt-heading--center","pkt-heading--end","pkt-heading--light","pkt-heading--regular","pkt-heading--medium","pkt-heading--bold"),this.classList.add("pkt-heading"),this.size&&this.classList.add(`pkt-heading--${this.size}`),this.weight&&this.classList.add(`pkt-heading--fw-${this.weight}`),this.visuallyHidden&&this.classList.add("pkt-sr-only"),this.align&&this.classList.add(`pkt-heading--${this.align}`)}render(){return t.b`<slot></slot>`}}l([t.n({type:String,reflect:!0})],i.prototype,"size");l([t.n({type:Number,reflect:!0})],i.prototype,"level");l([t.n({type:String,reflect:!0})],i.prototype,"weight");l([t.n({type:Boolean,reflect:!0})],i.prototype,"visuallyHidden");l([t.n({type:String,reflect:!0})],i.prototype,"align");try{t.t("pkt-heading")(i)}catch{console.warn("Forsøker å definere <pkt-heading>, men den er allerede definert")}exports.PktHeading=i;

package/dist/helptext-BKtU4mas.js

@@ -0,0 +1,82 @@
+import { P as c, s as u } from "./element-with-slot-Dqk6-TRR.js";
+import { t as k, b as l, A as m, n as i } from "./element-CPpT3rFQ.js";
+import { o as h } from "./icon-CxQcIa5F.js";
+import { e as d } from "./class-map-CEnykyO_.js";
+import { r as _ } from "./state-C_1EOo3D.js";
+import { u as f } from "./utils-DznhwRXm.js";
+import { s as w } from "./input-wrapper-CDgenrYA.js";
+var v = Object.defineProperty, n = (r, o, s, a) => {
+  for (var t = void 0, e = r.length - 1, x; e >= 0; e--)
+    (x = r[e]) && (t = x(o, s, t) || t);
+  return t && v(o, s, t), t;
+};
+class p extends c {
+  constructor() {
+    super(...arguments), this.forId = f(), this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = w.props.helptextDropdownButton.default, this.isHelpTextOpen = !1;
+  }
+  render() {
+    const o = () => {
+      const e = !this.isHelpTextOpen;
+      this.isHelpTextOpen = e, this.dispatchEvent(
+        new CustomEvent("toggleHelpText", {
+          bubbles: !0,
+          detail: { isOpen: e }
+        })
+      );
+    }, s = d({
+      "pkt-inputwrapper__helptext-container": !0,
+      "pkt-inputwrapper__has-helptext": this.helptext || this.helptextDropdown || this.hasSlotContent()
+    }), a = () => this.helptextDropdown ? l`<div class="pkt-inputwrapper__helptext-expandable">
+          <button
+            class="pkt-link pkt-link--icon-right pkt-btn pkt-btn--small pkt-btn--tertiary pkt-btn--icon-right"
+            type="button"
+            @click=${o}
+          >
+            <pkt-icon
+              class="pkt-btn__icon"
+              name="${this.isHelpTextOpen ? "chevron-thin-up" : "chevron-thin-down"}"
+            ></pkt-icon>
+            <span class="pkt-btn__text">${h(this.helptextDropdownButton)}</span>
+          </button>
+          <div
+            class="${d({
+      "pkt-inputwrapper__helptext": !0,
+      "pkt-inputwrapper__helptext-expandable-open": this.isHelpTextOpen,
+      "pkt-inputwrapper__helptext-expandable-closed": !this.isHelpTextOpen
+    })}"
+          >
+            ${h(this.helptextDropdown)}
+          </div>
+        </div>` : m;
+    return l`${l`<div class="${s}">
+        <div class="pkt-inputwrapper__helptext" id="${this.forId}-helptext">
+          <div class="pkt-contents" name="helptext">${u(this)}</div>
+          ${this.helptext && h(this.helptext)}
+        </div>
+        ${a()}
+      </div>`}`;
+  }
+}
+n([
+  i({ type: String, reflect: !0 })
+], p.prototype, "forId");
+n([
+  i({ type: String })
+], p.prototype, "helptext");
+n([
+  i({ type: String })
+], p.prototype, "helptextDropdown");
+n([
+  i({ type: String })
+], p.prototype, "helptextDropdownButton");
+n([
+  _()
+], p.prototype, "isHelpTextOpen");
+try {
+  k("pkt-helptext")(p);
+} catch {
+  console.warn("Forsøker å definere <pkt-helptext>, men den er allerede definert");
+}
+export {
+  p as P
+};

package/dist/helptext-DcRC7wW2.cjs

@@ -0,0 +1,24 @@
+"use strict";const c=require("./element-with-slot-ZX-up7jO.cjs"),t=require("./element-gR_VtSiD.cjs"),l=require("./icon-q81vqPK_.cjs"),d=require("./class-map-CsENJXf1.cjs"),u=require("./state-Dg-53wQ8.cjs"),x=require("./utils-byXsEz1u.cjs"),k=require("./input-wrapper-EoSAbU-U.cjs");var _=Object.defineProperty,r=(s,i,o,h)=>{for(var e=void 0,n=s.length-1,a;n>=0;n--)(a=s[n])&&(e=a(i,o,e)||e);return e&&_(i,o,e),e};class p extends c.PktElementWithSlot{constructor(){super(...arguments),this.forId=x.uuidish(),this.helptext="",this.helptextDropdown="",this.helptextDropdownButton=k.specs.props.helptextDropdownButton.default,this.isHelpTextOpen=!1}render(){const i=()=>{const n=!this.isHelpTextOpen;this.isHelpTextOpen=n,this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!0,detail:{isOpen:n}}))},o=d.e({"pkt-inputwrapper__helptext-container":!0,"pkt-inputwrapper__has-helptext":this.helptext||this.helptextDropdown||this.hasSlotContent()}),h=()=>this.helptextDropdown?t.b`<div class="pkt-inputwrapper__helptext-expandable">
+          <button
+            class="pkt-link pkt-link--icon-right pkt-btn pkt-btn--small pkt-btn--tertiary pkt-btn--icon-right"
+            type="button"
+            @click=${i}
+          >
+            <pkt-icon
+              class="pkt-btn__icon"
+              name="${this.isHelpTextOpen?"chevron-thin-up":"chevron-thin-down"}"
+            ></pkt-icon>
+            <span class="pkt-btn__text">${l.o(this.helptextDropdownButton)}</span>
+          </button>
+          <div
+            class="${d.e({"pkt-inputwrapper__helptext":!0,"pkt-inputwrapper__helptext-expandable-open":this.isHelpTextOpen,"pkt-inputwrapper__helptext-expandable-closed":!this.isHelpTextOpen})}"
+          >
+            ${l.o(this.helptextDropdown)}
+          </div>
+        </div>`:t.A,e=()=>t.b`<div class="${o}">
+        <div class="pkt-inputwrapper__helptext" id="${this.forId}-helptext">
+          <div class="pkt-contents" name="helptext">${c.slotContent(this)}</div>
+          ${this.helptext&&l.o(this.helptext)}
+        </div>
+        ${h()}
+      </div>`;return t.b`${e()}`}}r([t.n({type:String,reflect:!0})],p.prototype,"forId");r([t.n({type:String})],p.prototype,"helptext");r([t.n({type:String})],p.prototype,"helptextDropdown");r([t.n({type:String})],p.prototype,"helptextDropdownButton");r([u.r()],p.prototype,"isHelpTextOpen");try{t.t("pkt-helptext")(p)}catch{console.warn("Forsøker å definere <pkt-helptext>, men den er allerede definert")}exports.PktHelptext=p;

package/dist/icon-CxQcIa5F.js

@@ -0,0 +1,105 @@
+import { A as y, E as v, t as I, P, b as _, n as d } from "./element-CPpT3rFQ.js";
+import { e as m, i as S, t as b } from "./directive-oAbCiebi.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class c extends S {
+  constructor(t) {
+    if (super(t), this.it = y, t.type !== b.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+  }
+  render(t) {
+    if (t === y || t == null) return this._t = void 0, this.it = t;
+    if (t === v) return t;
+    if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
+    if (t === this.it) return this._t;
+    this.it = t;
+    const e = [t];
+    return e.raw = e, this._t = { _$litType$: this.constructor.resultType, strings: e, values: [] };
+  }
+}
+c.directiveName = "unsafeHTML", c.resultType = 1;
+const R = m(c);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class f extends c {
+}
+f.directiveName = "unsafeSVG", f.resultType = 2;
+const u = m(f);
+var C = Object.defineProperty, h = (n, t, e, s) => {
+  for (var o = void 0, p = n.length - 1, w; p >= 0; p--)
+    (w = n[p]) && (o = w(t, e, o) || o);
+  return o && C(t, e, o), o;
+};
+const l = "https://punkt-cdn.oslo.kommune.no/latest/icons/";
+typeof window < "u" && (window.pktFetch = window.pktFetch === void 0 ? fetch : window.pktFetch, window.pktIconPath = window.pktIconPath || l);
+const r = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>', i = {}, E = 2, F = 1500, g = typeof Storage < "u" && typeof sessionStorage < "u", T = (n) => window.pktFetch(n).then((t) => {
+  if (!t.ok)
+    throw new Error("Missing icon: " + n);
+  return t.text();
+}), k = async (n, t = E) => {
+  try {
+    return await T(n);
+  } catch {
+    return t > 0 ? (await new Promise((s) => setTimeout(s, F)), k(n, t - 1)) : (console.error("Failed to fetch icon: " + n), r);
+  }
+}, $ = async (n, t) => {
+  const e = t + n + ".svg";
+  return g && sessionStorage.getItem(e) ? sessionStorage.getItem(e) : e in i ? i[e] : typeof window < "u" && typeof window.pktFetch == "function" ? (i[e] = k(e).then((s) => (s !== r && g && sessionStorage.setItem(e, s), delete i[e], s)), i[e]) : r;
+};
+class a extends P {
+  constructor() {
+    super(...arguments), this.path = typeof window < "u" ? window.pktIconPath : l, this.name = "", this.icon = u(r), this._updatedProps = [];
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("pkt-icon");
+  }
+  async attributeChangedCallback(t, e, s) {
+    super.attributeChangedCallback(t, e, s), (t === "name" || t === "path") && this.getIcon(this.name);
+  }
+  async updated(t) {
+    super.updated(t), (t.has("name") || t.has("path")) && this.getIcon(this.name);
+  }
+  async getIcon(t = "") {
+    if (this._updatedProps.length > 0) {
+      this.path || (this.path = typeof window < "u" ? window.pktIconPath : l);
+      try {
+        this.icon = u(
+          await $(this.name || "", this.path)
+        );
+      } catch {
+        this.icon = u(r);
+      }
+      this._updatedProps = [];
+    } else
+      this._updatedProps.includes(t) || this._updatedProps.push(t);
+  }
+  render() {
+    return _`${this.name && this.icon}`;
+  }
+}
+h([
+  d({ type: String, reflect: !1 })
+], a.prototype, "path");
+h([
+  d({ type: String, reflect: !0 })
+], a.prototype, "name");
+h([
+  d({ type: SVGElement })
+], a.prototype, "icon");
+h([
+  d({ type: Array, noAccessor: !0 })
+], a.prototype, "_updatedProps");
+try {
+  I("pkt-icon")(a);
+} catch {
+  console.warn("Forsøker å definere <pkt-icon>, men den er allerede definert");
+}
+export {
+  a as P,
+  R as o
+};

package/dist/icon-q81vqPK_.cjs

@@ -0,0 +1,9 @@
+"use strict";const i=require("./element-gR_VtSiD.cjs"),d=require("./directive-C7oCP5Bh.cjs");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class h extends d.i{constructor(t){if(super(t),this.it=i.A,t.type!==d.t.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===i.A||t==null)return this._t=void 0,this.it=t;if(t===i.E)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}h.directiveName="unsafeHTML",h.resultType=1;const m=d.e(h);/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class l extends h{}l.directiveName="unsafeSVG",l.resultType=2;const f=d.e(l);var v=Object.defineProperty,p=(n,t,e,s)=>{for(var o=void 0,u=n.length-1,y;u>=0;u--)(y=n[u])&&(o=y(t,e,o)||o);return o&&v(t,e,o),o};const w="https://punkt-cdn.oslo.kommune.no/latest/icons/";typeof window<"u"&&(window.pktFetch=window.pktFetch===void 0?fetch:window.pktFetch,window.pktIconPath=window.pktIconPath||w);const a='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>',c={},I=2,P=1500,g=typeof Storage<"u"&&typeof sessionStorage<"u",_=n=>window.pktFetch(n).then(t=>{if(!t.ok)throw new Error("Missing icon: "+n);return t.text()}),k=async(n,t=I)=>{try{return await _(n)}catch{return t>0?(await new Promise(s=>setTimeout(s,P)),k(n,t-1)):(console.error("Failed to fetch icon: "+n),a)}},S=async(n,t)=>{const e=t+n+".svg";return g&&sessionStorage.getItem(e)?sessionStorage.getItem(e):e in c?c[e]:typeof window<"u"&&typeof window.pktFetch=="function"?(c[e]=k(e).then(s=>(s!==a&&g&&sessionStorage.setItem(e,s),delete c[e],s)),c[e]):a};class r extends i.PktElement{constructor(){super(...arguments),this.path=typeof window<"u"?window.pktIconPath:w,this.name="",this.icon=f(a),this._updatedProps=[]}connectedCallback(){super.connectedCallback(),this.classList.add("pkt-icon")}async attributeChangedCallback(t,e,s){super.attributeChangedCallback(t,e,s),(t==="name"||t==="path")&&this.getIcon(this.name)}async updated(t){super.updated(t),(t.has("name")||t.has("path"))&&this.getIcon(this.name)}async getIcon(t=""){if(this._updatedProps.length>0){this.path||(this.path=typeof window<"u"?window.pktIconPath:w);try{this.icon=f(await S(this.name||"",this.path))}catch{this.icon=f(a)}this._updatedProps=[]}else this._updatedProps.includes(t)||this._updatedProps.push(t)}render(){return i.b`${this.name&&this.icon}`}}p([i.n({type:String,reflect:!1})],r.prototype,"path");p([i.n({type:String,reflect:!0})],r.prototype,"name");p([i.n({type:SVGElement})],r.prototype,"icon");p([i.n({type:Array,noAccessor:!0})],r.prototype,"_updatedProps");try{i.t("pkt-icon")(r)}catch{console.warn("Forsøker å definere <pkt-icon>, men den er allerede definert")}exports.PktIcon=r;exports.o=m;

package/dist/input-wrapper-Bs4CRNst.js

@@ -0,0 +1,181 @@
+import { P as x, s as y } from "./element-with-slot-Dqk6-TRR.js";
+import { o as m } from "./if-defined-B0krMLad.js";
+import { t as k, A as i, b as o, n as e } from "./element-CPpT3rFQ.js";
+import { o as w } from "./icon-CxQcIa5F.js";
+import { e as v } from "./class-map-CEnykyO_.js";
+import { u as T } from "./utils-DznhwRXm.js";
+import { b as E } from "./booleanish-C9R0tdXH.js";
+import { s as p } from "./input-wrapper-CDgenrYA.js";
+import "./helptext-BKtU4mas.js";
+import "./alert-DlY2_grU.js";
+var D = Object.defineProperty, r = (h, l, a, d) => {
+  for (var s = void 0, n = h.length - 1, u; n >= 0; n--)
+    (u = h[n]) && (s = u(l, a, s) || s);
+  return s && D(l, a, s), s;
+};
+class t extends x {
+  constructor() {
+    super(...arguments), this.forId = T(), this.label = "", this.helptext = null, this.helptextDropdown = null, this.helptextDropdownButton = null, this.counter = p.props.counter.default, this.counterCurrent = 0, this.counterMaxLength = 0, this.counterError = null, this.counterPosition = "bottom", this.optionalTag = p.props.optionalTag.default, this.optionalText = p.props.optionalText.default, this.requiredTag = p.props.requiredTag.default, this.requiredText = p.props.requiredText.default, this.tagText = null, this.hasError = p.props.hasError.default, this.errorMessage = "", this.disabled = p.props.disabled.default, this.inline = p.props.inline.default, this.ariaDescribedby = void 0, this.hasFieldset = p.props.hasFieldset.default, this.role = "group", this.useWrapper = p.props.useWrapper.default;
+  }
+  updated(l) {
+    super.updated(l);
+  }
+  render() {
+    const l = {
+      "pkt-inputwrapper": !0,
+      "pkt-inputwrapper--error": this.hasError,
+      "pkt-inputwrapper--disabled": this.disabled,
+      "pkt-inputwrapper--inline": this.inline
+    }, a = "pkt-tag pkt-tag--small pkt-tag--thin-text", d = this.ariaDescribedby ? this.ariaDescribedby : this.helptext ? `${this.forId}-helptext` : i, s = () => o`
+        ${this.tagText ? o`<span class=${a + " pkt-tag--gray"}>${this.tagText}</span>` : i}
+        ${this.optionalTag ? o`<span class=${a + " pkt-tag--blue-light"}>${this.optionalText}</span>` : i}
+        ${this.requiredTag ? o`<span class=${a + " pkt-tag--beige"}>${this.requiredText}</span>` : i}
+      `, n = () => this.useWrapper ? this.hasFieldset ? o`<legend
+            class="pkt-inputwrapper__legend"
+            id="${this.forId}-label"
+            @click=${this.handleLabelClick}
+          >
+            ${this.label} ${s()}
+          </legend>` : o`<label
+            class="pkt-inputwrapper__label"
+            for="${this.forId}"
+            aria-describedby="${d}"
+            id="${this.forId}-label"
+            @click=${this.handleLabelClick}
+            >${this.label}${s()}</label
+          >` : o`<label
+          for="${this.forId}"
+          class="pkt-sr-only"
+          aria-describedby="${d}"
+          id="${this.forId}-label"
+        >
+          ${this.label}
+        </label>`, u = () => o`
+        <pkt-helptext
+          class="${m(this.useWrapper ? void 0 : "pkt-hide")}"
+          .forId=${this.forId}
+          .helptext=${this.helptext}
+          .helptextDropdown=${this.helptextDropdown}
+          .helptextDropdownButton=${this.helptextDropdownButton || p.props.helptextDropdownButton.default}
+          @toggleHelpText=${($) => {
+      this.toggleDropdown($);
+    }}
+        >${y(this, "helptext")}</pkt-helptext>
+      `, c = () => this.counter ? o`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
+          ${this.counterError ? this.counterError : i} ${this.counterCurrent || 0}
+          ${this.counterMaxLength ? `/${this.counterMaxLength}` : i}
+        </div>` : i, b = () => this.hasError && this.errorMessage ? o`<pkt-alert
+          skin="error"
+          compact
+          id=${`${this.forId}-error`}
+          aria-live="assertive"
+          aria-atomic="true"
+        >
+          ${w(this.errorMessage)}
+        </pkt-alert>` : i, g = () => o`
+        ${n()} 
+        ${u()}
+        ${this.counterPosition === "top" ? c() : i}
+        <div class="pkt-contents">${y(this)}</div>
+        ${this.counterPosition === "bottom" ? c() : i} 
+        ${b()}
+      `, f = () => this.hasFieldset ? o`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${d}">
+            ${g()}
+          </fieldset>` : o`<div class="pkt-inputwrapper__fieldset">${g()}</div>`;
+    return o`<div class=${v(l)}>${f()}</div> `;
+  }
+  toggleDropdown(l) {
+    this.dispatchEvent(
+      new CustomEvent("toggleHelpText", {
+        bubbles: !1,
+        detail: { isOpen: l.detail.isOpen }
+      })
+    );
+  }
+  handleLabelClick() {
+    this.dispatchEvent(
+      new CustomEvent("labelClick", {
+        bubbles: !0,
+        composed: !0,
+        detail: "label clicked"
+      })
+    );
+  }
+}
+r([
+  e({ type: String })
+], t.prototype, "forId");
+r([
+  e({ type: String })
+], t.prototype, "label");
+r([
+  e({ type: String })
+], t.prototype, "helptext");
+r([
+  e({ type: String })
+], t.prototype, "helptextDropdown");
+r([
+  e({ type: String })
+], t.prototype, "helptextDropdownButton");
+r([
+  e({ type: Boolean })
+], t.prototype, "counter");
+r([
+  e({ type: Number })
+], t.prototype, "counterCurrent");
+r([
+  e({ type: Number })
+], t.prototype, "counterMaxLength");
+r([
+  e({ type: String })
+], t.prototype, "counterError");
+r([
+  e({ type: String, reflect: !1 })
+], t.prototype, "counterPosition");
+r([
+  e({ type: Boolean })
+], t.prototype, "optionalTag");
+r([
+  e({ type: String })
+], t.prototype, "optionalText");
+r([
+  e({ type: Boolean })
+], t.prototype, "requiredTag");
+r([
+  e({ type: String })
+], t.prototype, "requiredText");
+r([
+  e({ type: String })
+], t.prototype, "tagText");
+r([
+  e({ type: Boolean })
+], t.prototype, "hasError");
+r([
+  e({ type: String })
+], t.prototype, "errorMessage");
+r([
+  e({ type: Boolean })
+], t.prototype, "disabled");
+r([
+  e({ type: Boolean })
+], t.prototype, "inline");
+r([
+  e({ type: String })
+], t.prototype, "ariaDescribedby");
+r([
+  e({ type: Boolean })
+], t.prototype, "hasFieldset");
+r([
+  e({ type: String, reflect: !0 })
+], t.prototype, "role");
+r([
+  e({ type: Boolean, reflect: !0, converter: E })
+], t.prototype, "useWrapper");
+try {
+  k("pkt-input-wrapper")(t);
+} catch {
+  console.warn("Forsøker å definere <pkt-input-wrapper>, men den er allerede definert");
+}
+export {
+  t as P
+};

package/dist/input-wrapper-Bv9aqqVq.cjs

@@ -0,0 +1,54 @@
+"use strict";const h=require("./element-with-slot-ZX-up7jO.cjs"),$=require("./if-defined-BOW3ODSj.cjs"),e=require("./element-gR_VtSiD.cjs"),f=require("./icon-q81vqPK_.cjs"),x=require("./class-map-CsENJXf1.cjs"),k=require("./utils-byXsEz1u.cjs"),w=require("./booleanish-BKVonob4.cjs"),s=require("./input-wrapper-EoSAbU-U.cjs");require("./helptext-DcRC7wW2.cjs");require("./alert-BtOk8yRH.cjs");var v=Object.defineProperty,r=(l,o,i,a)=>{for(var p=void 0,n=l.length-1,u;n>=0;n--)(u=l[n])&&(p=u(o,i,p)||p);return p&&v(o,i,p),p};class t extends h.PktElementWithSlot{constructor(){super(...arguments),this.forId=k.uuidish(),this.label="",this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=s.specs.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition="bottom",this.optionalTag=s.specs.props.optionalTag.default,this.optionalText=s.specs.props.optionalText.default,this.requiredTag=s.specs.props.requiredTag.default,this.requiredText=s.specs.props.requiredText.default,this.tagText=null,this.hasError=s.specs.props.hasError.default,this.errorMessage="",this.disabled=s.specs.props.disabled.default,this.inline=s.specs.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=s.specs.props.hasFieldset.default,this.role="group",this.useWrapper=s.specs.props.useWrapper.default}updated(o){super.updated(o)}render(){const o={"pkt-inputwrapper":!0,"pkt-inputwrapper--error":this.hasError,"pkt-inputwrapper--disabled":this.disabled,"pkt-inputwrapper--inline":this.inline},i="pkt-tag pkt-tag--small pkt-tag--thin-text",a=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:e.A,p=()=>e.b`
+        ${this.tagText?e.b`<span class=${i+" pkt-tag--gray"}>${this.tagText}</span>`:e.A}
+        ${this.optionalTag?e.b`<span class=${i+" pkt-tag--blue-light"}>${this.optionalText}</span>`:e.A}
+        ${this.requiredTag?e.b`<span class=${i+" pkt-tag--beige"}>${this.requiredText}</span>`:e.A}
+      `,n=()=>this.useWrapper?this.hasFieldset?e.b`<legend
+            class="pkt-inputwrapper__legend"
+            id="${this.forId}-label"
+            @click=${this.handleLabelClick}
+          >
+            ${this.label} ${p()}
+          </legend>`:e.b`<label
+            class="pkt-inputwrapper__label"
+            for="${this.forId}"
+            aria-describedby="${a}"
+            id="${this.forId}-label"
+            @click=${this.handleLabelClick}
+            >${this.label}${p()}</label
+          >`:e.b`<label
+          for="${this.forId}"
+          class="pkt-sr-only"
+          aria-describedby="${a}"
+          id="${this.forId}-label"
+        >
+          ${this.label}
+        </label>`,u=()=>e.b`
+        <pkt-helptext
+          class="${$.o(this.useWrapper?void 0:"pkt-hide")}"
+          .forId=${this.forId}
+          .helptext=${this.helptext}
+          .helptextDropdown=${this.helptextDropdown}
+          .helptextDropdownButton=${this.helptextDropdownButton||s.specs.props.helptextDropdownButton.default}
+          @toggleHelpText=${y=>{this.toggleDropdown(y)}}
+        >${h.slotContent(this,"helptext")}</pkt-helptext>
+      `,d=()=>this.counter?e.b`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
+          ${this.counterError?this.counterError:e.A} ${this.counterCurrent||0}
+          ${this.counterMaxLength?`/${this.counterMaxLength}`:e.A}
+        </div>`:e.A,b=()=>this.hasError&&this.errorMessage?e.b`<pkt-alert
+          skin="error"
+          compact
+          id=${`${this.forId}-error`}
+          aria-live="assertive"
+          aria-atomic="true"
+        >
+          ${f.o(this.errorMessage)}
+        </pkt-alert>`:e.A,c=()=>e.b`
+        ${n()} 
+        ${u()}
+        ${this.counterPosition==="top"?d():e.A}
+        <div class="pkt-contents">${h.slotContent(this)}</div>
+        ${this.counterPosition==="bottom"?d():e.A} 
+        ${b()}
+      `,g=()=>this.hasFieldset?e.b`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${a}">
+            ${c()}
+          </fieldset>`:e.b`<div class="pkt-inputwrapper__fieldset">${c()}</div>`;return e.b`<div class=${x.e(o)}>${g()}</div> `}toggleDropdown(o){this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!1,detail:{isOpen:o.detail.isOpen}}))}handleLabelClick(){this.dispatchEvent(new CustomEvent("labelClick",{bubbles:!0,composed:!0,detail:"label clicked"}))}}r([e.n({type:String})],t.prototype,"forId");r([e.n({type:String})],t.prototype,"label");r([e.n({type:String})],t.prototype,"helptext");r([e.n({type:String})],t.prototype,"helptextDropdown");r([e.n({type:String})],t.prototype,"helptextDropdownButton");r([e.n({type:Boolean})],t.prototype,"counter");r([e.n({type:Number})],t.prototype,"counterCurrent");r([e.n({type:Number})],t.prototype,"counterMaxLength");r([e.n({type:String})],t.prototype,"counterError");r([e.n({type:String,reflect:!1})],t.prototype,"counterPosition");r([e.n({type:Boolean})],t.prototype,"optionalTag");r([e.n({type:String})],t.prototype,"optionalText");r([e.n({type:Boolean})],t.prototype,"requiredTag");r([e.n({type:String})],t.prototype,"requiredText");r([e.n({type:String})],t.prototype,"tagText");r([e.n({type:Boolean})],t.prototype,"hasError");r([e.n({type:String})],t.prototype,"errorMessage");r([e.n({type:Boolean})],t.prototype,"disabled");r([e.n({type:Boolean})],t.prototype,"inline");r([e.n({type:String})],t.prototype,"ariaDescribedby");r([e.n({type:Boolean})],t.prototype,"hasFieldset");r([e.n({type:String,reflect:!0})],t.prototype,"role");r([e.n({type:Boolean,reflect:!0,converter:w.booleanishConverter})],t.prototype,"useWrapper");try{e.t("pkt-input-wrapper")(t)}catch{console.warn("Forsøker å definere <pkt-input-wrapper>, men den er allerede definert")}exports.PktInputWrapper=t;

package/dist/link-C0rl-86s.cjs

@@ -0,0 +1,7 @@
+"use strict";const c=require("./element-with-slot-ZX-up7jO.cjs"),e=require("./element-gR_VtSiD.cjs"),h=require("./class-map-CsENJXf1.cjs");require("./icon-q81vqPK_.cjs");const f={href:{default:"#"},target:{default:"_self"}},p={props:f};var k=Object.defineProperty,n=(i,o,l,u)=>{for(var r=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=a(o,l,r)||r);return r&&k(o,l,r),r};class t extends c.PktElementWithSlot{constructor(){super(...arguments),this.href=p.props.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=!1,this.target=p.props.target.default}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 e.b`<a
+      class=${h.e(o)}
+      href=${this.href}
+      .target=${this.target}
+      .rel=${this.external?"noopener noreferrer":e.A}
+      >${this.iconName?e.b`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>`:""} <span>${c.slotContent(this)}</span></a
+    >`}}n([e.n({type:String,reflect:!0})],t.prototype,"href");n([e.n({type:String,reflect:!0})],t.prototype,"iconName");n([e.n({type:String,reflect:!0})],t.prototype,"iconPosition");n([e.n({type:Boolean,reflect:!0})],t.prototype,"external");n([e.n({type:String,reflect:!0})],t.prototype,"target");try{e.t("pkt-link")(t)}catch{console.warn("Forsøker å definere <pkt-link>, men den er allerede definert")}exports.PktLink=t;

package/dist/link-Cdqgl60z.js

@@ -0,0 +1,55 @@
+import { P as f, s as h } from "./element-with-slot-Dqk6-TRR.js";
+import { t as k, A as m, b as l, n as r } from "./element-CPpT3rFQ.js";
+import { e as u } from "./class-map-CEnykyO_.js";
+import "./icon-CxQcIa5F.js";
+const d = { href: { default: "#" }, target: { default: "_self" } }, c = {
+  props: d
+};
+var g = Object.defineProperty, i = (n, o, a, y) => {
+  for (var t = void 0, s = n.length - 1, p; s >= 0; s--)
+    (p = n[s]) && (t = p(o, a, t) || t);
+  return t && g(o, a, t), t;
+};
+class e extends f {
+  constructor() {
+    super(...arguments), this.href = c.props.href.default, this.iconName = void 0, this.iconPosition = void 0, this.external = !1, this.target = c.props.target.default;
+  }
+  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 l`<a
+      class=${u(o)}
+      href=${this.href}
+      .target=${this.target}
+      .rel=${this.external ? "noopener noreferrer" : m}
+      >${this.iconName ? l`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>` : ""} <span>${h(this)}</span></a
+    >`;
+  }
+}
+i([
+  r({ type: String, reflect: !0 })
+], e.prototype, "href");
+i([
+  r({ type: String, reflect: !0 })
+], e.prototype, "iconName");
+i([
+  r({ type: String, reflect: !0 })
+], e.prototype, "iconPosition");
+i([
+  r({ type: Boolean, reflect: !0 })
+], e.prototype, "external");
+i([
+  r({ type: String, reflect: !0 })
+], e.prototype, "target");
+try {
+  k("pkt-link")(e);
+} catch {
+  console.warn("Forsøker å definere <pkt-link>, men den er allerede definert");
+}
+export {
+  e as P
+};

package/dist/linkcard-Dimu7Rlx.cjs

@@ -0,0 +1,13 @@
+"use strict";const e=require("./element-gR_VtSiD.cjs"),p=require("./element-with-slot-ZX-up7jO.cjs");require("./icon-q81vqPK_.cjs");const c=require("./if-defined-BOW3ODSj.cjs");var k=Object.defineProperty,r=(i,l,s,f)=>{for(var n=void 0,o=i.length-1,a;o>=0;o--)(a=i[o])&&(n=a(l,s,n)||n);return n&&k(l,s,n),n};class t extends p.PktElementWithSlot{constructor(){super(...arguments),this.title="",this.href="#",this.iconName="",this.external=!1,this.openInNewTab=!1,this.skin="normal"}render(){const l=["pkt-linkcard",this.skin&&`pkt-linkcard--${this.skin}`].filter(Boolean).join(" "),s=["pkt-linkcard__title",this.external&&"pkt-link pkt-link--external"].filter(Boolean).join(" ");return e.b`
+      <a
+        href=${this.href}
+        class=${l}
+        target=${this.openInNewTab?"_blank":"_self"}
+        rel=${c.o(this.openInNewTab?"noopener noreferrer":void 0)}
+      >
+        ${this.iconName&&e.b`<pkt-icon class="pkt-link__icon" name="${this.iconName}" />`}
+        ${this.title&&e.b`<div class=${s}>${this.title}</div>`}
+
+        <div class="pkt-linkcard__text">${p.slotContent(this)}</div>
+      </a>
+    `}}r([e.n({type:String,reflect:!0})],t.prototype,"title");r([e.n({type:String,reflect:!0})],t.prototype,"href");r([e.n({type:String,reflect:!0})],t.prototype,"iconName");r([e.n({type:Boolean,reflect:!0})],t.prototype,"external");r([e.n({type:Boolean,reflect:!0})],t.prototype,"openInNewTab");r([e.n({type:String,reflect:!0})],t.prototype,"skin");try{e.t("pkt-linkcard")(t)}catch{console.warn("Forsøker å definere <pkt-linkcard>, men den er allerede definert")}exports.PktLinkCard=t;