@oslokommune/punkt-elements 12.3.4 → 12.3.9

package/dist/pkt-datepicker.js

@@ -1,28 +1,28 @@
-import { R as K, a as z, k as P, D as N, n as y } from "./index-CGGB6fVA.js";
+import { R as K, a as z, k as P, D as N, n as y } from "./index-BoxUN9GL.js";
 import { e as Z, i as tt, a as et, t as nt } from "./directive-DA0-wdk7.js";
-import { u as at, c as M, a as S, p as F, d as rt, i as C, K as D } from "./ref-v9geUvt6.js";
-import { R } from "./class-map-QbdgvBsV.js";
+import { u as at, c as M, a as S, p as F, d as rt, i as C, K as D } from "./ref-DzpbHCb_.js";
+import { R } from "./class-map-DnAEF9tj.js";
 import { a as G } from "./converters-DNCwIFwr.js";
-import { s as it, t as k, c as E, m as st, a as ot, g as ut, b as lt, d as dt } from "./index-C9AIH4rL.js";
+import { s as it, t as k, c as _, m as st, a as ot, g as ut, b as lt, d as dt } from "./index-CiTPWPc2.js";
 import "./pkt-input-wrapper.js";
-import "./index-t0H-gKGh.js";
+import "./index-CsKoXqeT.js";
 import "./pkt-tag.js";
 function Y(t) {
   return it(t, { weekStartsOn: 1 });
 }
 function U(t) {
-  const e = k(t), n = e.getFullYear(), a = E(t, 0);
+  const e = k(t), n = e.getFullYear(), a = _(t, 0);
   a.setFullYear(n + 1, 0, 4), a.setHours(0, 0, 0, 0);
-  const r = Y(a), i = E(t, 0);
+  const r = Y(a), i = _(t, 0);
   i.setFullYear(n, 0, 4), i.setHours(0, 0, 0, 0);
   const s = Y(i);
   return e.getTime() >= r.getTime() ? n + 1 : e.getTime() >= s.getTime() ? n : n - 1;
 }
-function A(t) {
+function B(t) {
   const e = k(t);
   return e.setHours(0, 0, 0, 0), e;
 }
-function B(t) {
+function H(t) {
   const e = k(t), n = new Date(
     Date.UTC(
       e.getFullYear(),
@@ -37,11 +37,11 @@ function B(t) {
   return n.setUTCFullYear(e.getFullYear()), +t - +n;
 }
 function ct(t, e) {
-  const n = A(t), a = A(e), r = +n - B(n), i = +a - B(a);
+  const n = B(t), a = B(e), r = +n - H(n), i = +a - H(a);
   return Math.round((r - i) / st);
 }
 function ht(t) {
-  const e = U(t), n = E(t, 0);
+  const e = U(t), n = _(t, 0);
   return n.setFullYear(e, 0, 4), n.setHours(0, 0, 0, 0), Y(n);
 }
 function mt(t) {
@@ -54,7 +54,7 @@ function ft(t) {
   return !isNaN(Number(e));
 }
 function pt(t) {
-  const e = k(t), n = E(t, 0);
+  const e = k(t), n = _(t, 0);
   return n.setFullYear(e.getFullYear(), 0, 1), n.setHours(0, 0, 0, 0), n;
 }
 const gt = {
@@ -166,7 +166,7 @@ const vt = {
   nextWeek: "eeee 'at' p",
   other: "P"
 }, Ot = (t, e, n, a) => xt[t];
-function W(t) {
+function E(t) {
   return (e, n) => {
     const a = n != null && n.context ? String(n.context) : "standalone";
     let r;
@@ -308,38 +308,38 @@ const Pt = {
   return n + "th";
 }, Rt = {
   ordinalNumber: Ct,
-  era: W({
+  era: E({
     values: Pt,
     defaultWidth: "wide"
   }),
-  quarter: W({
+  quarter: E({
     values: Mt,
     defaultWidth: "wide",
     argumentCallback: (t) => t - 1
   }),
-  month: W({
+  month: E({
     values: Dt,
     defaultWidth: "wide"
   }),
-  day: W({
+  day: E({
     values: Tt,
     defaultWidth: "wide"
   }),
-  dayPeriod: W({
+  dayPeriod: E({
     values: $t,
     defaultWidth: "wide",
     formattingValues: St,
     defaultFormattingWidth: "wide"
   })
 };
-function _(t) {
+function W(t) {
   return (e, n = {}) => {
     const a = n.width, r = a && t.matchPatterns[a] || t.matchPatterns[t.defaultMatchWidth], i = e.match(r);
     if (!i)
       return null;
-    const s = i[0], d = a && t.parsePatterns[a] || t.parsePatterns[t.defaultParseWidth], g = Array.isArray(d) ? _t(d, (l) => l.test(s)) : (
+    const s = i[0], d = a && t.parsePatterns[a] || t.parsePatterns[t.defaultParseWidth], g = Array.isArray(d) ? Wt(d, (l) => l.test(s)) : (
       // eslint-disable-next-line @typescript-eslint/no-explicit-any -- I challange you to fix the type
-      Wt(d, (l) => l.test(s))
+      Et(d, (l) => l.test(s))
     );
     let v;
     v = t.valueCallback ? t.valueCallback(g) : g, v = n.valueCallback ? (
@@ -350,17 +350,17 @@ function _(t) {
     return { value: v, rest: x };
   };
 }
-function Wt(t, e) {
+function Et(t, e) {
   for (const n in t)
     if (Object.prototype.hasOwnProperty.call(t, n) && e(t[n]))
       return n;
 }
-function _t(t, e) {
+function Wt(t, e) {
   for (let n = 0; n < t.length; n++)
     if (e(t[n]))
       return n;
 }
-function Et(t) {
+function _t(t) {
   return (e, n = {}) => {
     const a = e.match(t.matchPattern);
     if (!a) return null;
@@ -382,13 +382,13 @@ const Yt = /^(\d+)(th|st|nd|rd)?/i, Ft = /\d+/i, qt = {
   narrow: /^[1234]/i,
   abbreviated: /^q[1234]/i,
   wide: /^[1234](th|st|nd|rd)? quarter/i
-}, At = {
-  any: [/1/i, /2/i, /3/i, /4/i]
 }, Bt = {
+  any: [/1/i, /2/i, /3/i, /4/i]
+}, Ht = {
   narrow: /^[jfmasond]/i,
   abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
   wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
-}, Ht = {
+}, Vt = {
   narrow: [
     /^j/i,
     /^f/i,
@@ -422,7 +422,7 @@ const Yt = /^(\d+)(th|st|nd|rd)?/i, Ft = /\d+/i, qt = {
   short: /^(su|mo|tu|we|th|fr|sa)/i,
   abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
   wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i
-}, Vt = {
+}, At = {
   narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i],
   any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i]
 }, Lt = {
@@ -440,37 +440,37 @@ const Yt = /^(\d+)(th|st|nd|rd)?/i, Ft = /\d+/i, qt = {
     night: /night/i
   }
 }, Xt = {
-  ordinalNumber: Et({
+  ordinalNumber: _t({
     matchPattern: Yt,
     parsePattern: Ft,
     valueCallback: (t) => parseInt(t, 10)
   }),
-  era: _({
+  era: W({
     matchPatterns: qt,
     defaultMatchWidth: "wide",
     parsePatterns: It,
     defaultParseWidth: "any"
   }),
-  quarter: _({
+  quarter: W({
     matchPatterns: Nt,
     defaultMatchWidth: "wide",
-    parsePatterns: At,
+    parsePatterns: Bt,
     defaultParseWidth: "any",
     valueCallback: (t) => t + 1
   }),
-  month: _({
-    matchPatterns: Bt,
+  month: W({
+    matchPatterns: Ht,
     defaultMatchWidth: "wide",
-    parsePatterns: Ht,
+    parsePatterns: Vt,
     defaultParseWidth: "any"
   }),
-  day: _({
+  day: W({
     matchPatterns: jt,
     defaultMatchWidth: "wide",
-    parsePatterns: Vt,
+    parsePatterns: At,
     defaultParseWidth: "any"
   }),
-  dayPeriod: _({
+  dayPeriod: W({
     matchPatterns: Lt,
     defaultMatchWidth: "any",
     parsePatterns: Qt,
@@ -563,7 +563,7 @@ const b = {
   afternoon: "afternoon",
   evening: "evening",
   night: "night"
-}, H = {
+}, V = {
   // Era
   G: function(t, e, n) {
     const a = t.getFullYear() > 0 ? 1 : 0;
@@ -989,7 +989,7 @@ const b = {
       return "Z";
     switch (e) {
       case "X":
-        return V(a);
+        return A(a);
       case "XXXX":
       case "XX":
         return T(a);
@@ -1004,7 +1004,7 @@ const b = {
     const a = t.getTimezoneOffset();
     switch (e) {
       case "x":
-        return V(a);
+        return A(a);
       case "xxxx":
       case "xx":
         return T(a);
@@ -1055,7 +1055,7 @@ function j(t, e = "") {
   const n = t > 0 ? "-" : "+", a = Math.abs(t), r = Math.trunc(a / 60), i = a % 60;
   return i === 0 ? n + String(r) : n + String(r) + e + o(i, 2);
 }
-function V(t, e) {
+function A(t, e) {
   return t % 60 === 0 ? (t > 0 ? "-" : "+") + o(Math.abs(t) / 60, 2) : T(t, e);
 }
 function T(t, e = "") {
@@ -1144,7 +1144,7 @@ function ce(t, e, n) {
     const c = u[0];
     if (c === "'")
       return { isToken: !1, value: he(u) };
-    if (H[c])
+    if (V[c])
       return { isToken: !0, value: u };
     if (c.match(de))
       throw new RangeError(
@@ -1162,7 +1162,7 @@ function ce(t, e, n) {
     if (!u.isToken) return u.value;
     const c = u.value;
     (ae(c) || ne(c)) && re(c, e, String(t));
-    const O = H[c[0]];
+    const O = V[c[0]];
     return O(d, c, r.localize, v);
   }).join("");
 }
@@ -1388,12 +1388,15 @@ const Q = (t, e, n) => {
   }
 }, ye = {
   change: {
-    description: "Returnerer kommaseparert liste av valgte datoer i ISO-format"
+    type: "Event",
+    description: "Returnerer valgt dato som streng i ISO-format"
   },
-  "value-changed": {
+  "value-change": {
+    type: "CustomEvent",
     description: "Returnerer en <code>array</code> med valgte datoer i ISO-format"
   },
   toggleHelpText: {
+    type: "CustomEvent",
     description: "Returnerer <code>event.detail { isOpen: true }</code> eller <code>event.detail { isOpen: false }</code> når hjelpeteksten åpnes eller lukkes"
   }
 }, w = {
@@ -1452,17 +1455,15 @@ let m = class extends z {
     });
   }
   attributeChangedCallback(t, e, n) {
-    t === "value" && (this.value === "" || this.value.length === 0 || typeof this.value > "u" ? this._value = [] : this.value.length && this._value.length === 0 && (!Array.isArray(this.value) && this.value.includes(",") && (this.value = this.value.split(",")), this._value = Array.isArray(this.value) ? this.value : this.value.split(","))), t === "excludedates" && typeof this.excludedates == "string" && (this.excludedates = (n == null ? void 0 : n.split(",")) ?? []), t === "excludeweekdays" && typeof this.excludeweekdays == "string" && (this.excludeweekdays = (n == null ? void 0 : n.split(",")) ?? []), super.attributeChangedCallback(t, e, n);
+    t === "value" && this.valueChanged(this.value, e), t === "excludedates" && typeof this.excludedates == "string" && (this.excludedates = (n == null ? void 0 : n.split(",")) ?? []), t === "excludeweekdays" && typeof this.excludeweekdays == "string" && (this.excludeweekdays = (n == null ? void 0 : n.split(",")) ?? []), super.attributeChangedCallback(t, e, n);
   }
   firstUpdated(t) {
     super.firstUpdated(t);
   }
   updated(t) {
-    var e;
     if (super.updated(t), t.has("value")) {
-      if (this.range && this._value.length === 1 || ((e = t.get("value")) == null ? void 0 : e.toString()) === this.value.toString())
-        return;
-      this.onInput(this.value);
+      if (this.range && this._value.length === 1) return;
+      this.valueChanged(this.value, t.get("value"));
     }
   }
   /**
@@ -1477,7 +1478,7 @@ let m = class extends z {
         class="${R(this.inputClasses)}"
         type="date"
         id="${this.id}-input"
-        value=${this.value}
+        .value=${this._value[0] ?? ""}
         min=${this.min}
         max=${this.max}
         @click=${(t) => {
@@ -1485,7 +1486,7 @@ let m = class extends z {
     }}
         ?disabled=${this.disabled}
         @blur=${(t) => {
-      this.manageValidity(t.target), this.value = t.target.value, this._value = this.massageDates(t.target.value.split(","));
+      this.manageValidity(t.target), this.value = t.target.value;
     }}
         @change=${(t) => {
       t.stopImmediatePropagation();
@@ -1501,7 +1502,7 @@ let m = class extends z {
         class=${R(this.inputClasses)}
         type="date"
         id="${this.id}-input"
-        value=${this._value[0] ?? ""}
+        .value=${this._value[0] ?? ""}
         min=${this.min}
         max=${this.max}
         @click=${(t) => {
@@ -1514,7 +1515,7 @@ let m = class extends z {
         this.manageValidity(t.target);
         const a = this.fromISOToDate(t.target.value);
         a && this._value[0] !== t.target.value && this._value[1] && ((n = (e = this.calRef) == null ? void 0 : e.value) == null || n.handleDateSelect(a));
-      }
+      } else this._value[0] && this.clearInputValue();
     }}
         @change=${(t) => {
       t.stopImmediatePropagation();
@@ -1526,7 +1527,7 @@ let m = class extends z {
         class=${R(this.inputClasses)}
         type="date"
         id="${this.id}-to"
-        value=${this._value[1] ?? ""}
+        .value=${this._value[1] ?? ""}
         min=${this.min}
         max=${this.max}
         @click=${(t) => {
@@ -1624,7 +1625,7 @@ let m = class extends z {
         .excludeweekdays=${this.excludeweekdays}
         .currentmonth=${new Date(this.currentmonth)}
         @date-selected=${(t) => {
-      this.value = !this.multiple && !this.range ? Array.isArray(t.detail) ? t.detail[0] : t.detail.split(",")[0] : t.detail, this._value = t.detail, this.inputRef.value && (this.range && this.inputRefTo.value ? (this.inputRef.value.value = this._value[0] ?? "", this.inputRefTo.value.value = this._value[1] ?? "") : this.multiple || (this.inputRef.value.value = this._value.length ? this._value[0] : ""));
+      this.value = !this.multiple && !this.range ? t.detail[0] : t.detail, this._value = t.detail, this.inputRef.value && (this.range && this.inputRefTo.value ? (this.inputRef.value.value = this._value[0] ?? "", this.inputRefTo.value.value = this._value[1] ?? "") : this.multiple || (this.inputRef.value.value = this._value.length ? this._value[0] : ""));
     }}
         @close=${this.hideCalendar}
         ${D(this.calRef)}

package/dist/pkt-element.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CSa2k4ML.cjs");exports.PktElement=e.PktElement;exports.PktInputElement=e.PktInputElement;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DZGlpxj6.cjs");exports.PktElement=e.PktElement;exports.PktInputElement=e.PktInputElement;

package/dist/pkt-element.js

@@ -1,4 +1,4 @@
-import { P as a, a as m } from "./index-CGGB6fVA.js";
+import { P as a, a as m } from "./index-BoxUN9GL.js";
 export {
   a as PktElement,
   m as PktInputElement

package/dist/pkt-icon.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index-CSa2k4ML.cjs");require("./directive-19_ixLKS.cjs");const e=require("./index-C7NOKSUx.cjs");Object.defineProperty(exports,"PktIcon",{enumerable:!0,get:()=>e.PktIcon});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index-DZGlpxj6.cjs");require("./directive-19_ixLKS.cjs");const e=require("./index-DZ0cjZdG.cjs");Object.defineProperty(exports,"PktIcon",{enumerable:!0,get:()=>e.PktIcon});

package/dist/pkt-icon.js

@@ -1,6 +1,6 @@
-import "./index-CGGB6fVA.js";
+import "./index-BoxUN9GL.js";
 import "./directive-DA0-wdk7.js";
-import { P as p } from "./index-t0H-gKGh.js";
+import { P as p } from "./index-CsKoXqeT.js";
 export {
   p as PktIcon
 };

package/dist/pkt-index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-B5_qWvbO.cjs"),t=require("./pkt-card.cjs"),r=require("./pkt-component-template.cjs"),n=require("./pkt-datepicker.cjs"),o=require("./index-C7NOKSUx.cjs"),a=require("./pkt-input-wrapper.cjs"),u=require("./pkt-link.cjs"),c=require("./pkt-messagebox.cjs"),i=require("./pkt-tag.cjs");Object.defineProperty(exports,"PktCalendar",{enumerable:!0,get:()=>e.PktCalendar});Object.defineProperty(exports,"PktCard",{enumerable:!0,get:()=>t.PktCard});Object.defineProperty(exports,"PktComponent",{enumerable:!0,get:()=>r.PktComponent});Object.defineProperty(exports,"PktDatepicker",{enumerable:!0,get:()=>n.PktDatepicker});Object.defineProperty(exports,"PktIcon",{enumerable:!0,get:()=>o.PktIcon});Object.defineProperty(exports,"PktInputWrapper",{enumerable:!0,get:()=>a.PktInputWrapper});Object.defineProperty(exports,"PktLink",{enumerable:!0,get:()=>u.PktLink});Object.defineProperty(exports,"PktMessagebox",{enumerable:!0,get:()=>c.PktMessagebox});Object.defineProperty(exports,"PktTag",{enumerable:!0,get:()=>i.PktTag});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-ZXmkp0To.cjs"),t=require("./pkt-card.cjs"),r=require("./pkt-component-template.cjs"),n=require("./pkt-datepicker.cjs"),o=require("./index-DZ0cjZdG.cjs"),a=require("./pkt-input-wrapper.cjs"),u=require("./pkt-link.cjs"),c=require("./pkt-messagebox.cjs"),i=require("./pkt-tag.cjs");Object.defineProperty(exports,"PktCalendar",{enumerable:!0,get:()=>e.PktCalendar});Object.defineProperty(exports,"PktCard",{enumerable:!0,get:()=>t.PktCard});Object.defineProperty(exports,"PktComponent",{enumerable:!0,get:()=>r.PktComponent});Object.defineProperty(exports,"PktDatepicker",{enumerable:!0,get:()=>n.PktDatepicker});Object.defineProperty(exports,"PktIcon",{enumerable:!0,get:()=>o.PktIcon});Object.defineProperty(exports,"PktInputWrapper",{enumerable:!0,get:()=>a.PktInputWrapper});Object.defineProperty(exports,"PktLink",{enumerable:!0,get:()=>u.PktLink});Object.defineProperty(exports,"PktMessagebox",{enumerable:!0,get:()=>c.PktMessagebox});Object.defineProperty(exports,"PktTag",{enumerable:!0,get:()=>i.PktTag});

package/dist/pkt-index.js

@@ -1,8 +1,8 @@
-import { P as t } from "./index-C9AIH4rL.js";
+import { P as t } from "./index-CiTPWPc2.js";
 import { PktCard as p } from "./pkt-card.js";
 import { PktComponent as P } from "./pkt-component-template.js";
 import { PktDatepicker as x } from "./pkt-datepicker.js";
-import { P as f } from "./index-t0H-gKGh.js";
+import { P as f } from "./index-CsKoXqeT.js";
 import { PktInputWrapper as s } from "./pkt-input-wrapper.js";
 import { PktLink as c } from "./pkt-link.js";
 import { PktMessagebox as g } from "./pkt-messagebox.js";

package/dist/pkt-input-wrapper.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CSa2k4ML.cjs"),f=require("./ref-BK6FYWo3.cjs"),c=require("./index-C7NOKSUx.cjs"),u=require("./class-map-1LSYgumx.cjs"),$=require("./directive-19_ixLKS.cjs");/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DZGlpxj6.cjs"),f=require("./ref-G2cIenWo.cjs"),c=require("./index-DZ0cjZdG.cjs"),u=require("./class-map-CFiVus5w.cjs"),$=require("./directive-19_ixLKS.cjs");/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/pkt-input-wrapper.js

@@ -1,7 +1,7 @@
-import { P as w, v as T, D as o, k as i, n as r } from "./index-CGGB6fVA.js";
-import { i as _, P as D, K as I } from "./ref-v9geUvt6.js";
-import { a as f } from "./index-t0H-gKGh.js";
-import { R as c } from "./class-map-QbdgvBsV.js";
+import { P as w, v as T, D as o, k as i, n as r } from "./index-BoxUN9GL.js";
+import { i as _, P as D, K as I } from "./ref-DzpbHCb_.js";
+import { a as f } from "./index-CsKoXqeT.js";
+import { R as c } from "./class-map-DnAEF9tj.js";
 import { t as S } from "./directive-DA0-wdk7.js";
 /**
  * @license

package/dist/pkt-link.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CSa2k4ML.cjs"),c=require("./ref-BK6FYWo3.cjs"),k=require("./class-map-1LSYgumx.cjs"),h=require("./directive-19_ixLKS.cjs");require("./index-C7NOKSUx.cjs");const f="pkt-link",u=!0,d={href:{name:"URL",description:"URL til lenken",type:"string",default:"#"},target:{name:"Mål",description:"Mål for lenken",type:["_blank","_self","_parent","_top"],default:"_self"},iconName:{name:"Ikon",description:"Ikon som skal vises ved siden av lenketeksten",type:"icon"},iconPosition:{name:"Ikonposisjon",description:"Posisjonen til ikonet i forhold til lenketeksten",type:["left","right"]},external:{name:"Ekstern lenke",description:"Vis ikon for ekstern lenke",type:"boolean",default:!1}},m={default:{description:"Innholdet i lenken"}},p={name:f,"css-class":"pkt-link","dark-mode":!0,isElement:u,props:d,slots:m};var P=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(s,n,r,o)=>{for(var t=o>1?void 0:o?y(n,r):n,l=s.length-1,a;l>=0;l--)(a=s[l])&&(t=(o?a(n,r,t):a(t))||t);return o&&t&&P(n,r,t),t};exports.PktLink=class extends e.PktElement{constructor(){super(),this.defaultSlot=c.ii(),this.href=p.props.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=p.props.external.default,this.target=p.props.target.default,this.slotController=new c.PktSlotController(this,this.defaultSlot)}render(){const n={"pkt-link":!0,"pkt-link--icon-left":!!this.iconName&&this.iconPosition==="left"||!!(this.iconName&&!this.iconPosition),"pkt-link--icon-right":!!this.iconName&&this.iconPosition==="right","pkt-link--external":this.external};return e.ke`<a
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DZGlpxj6.cjs"),c=require("./ref-G2cIenWo.cjs"),k=require("./class-map-CFiVus5w.cjs"),h=require("./directive-19_ixLKS.cjs");require("./index-DZ0cjZdG.cjs");const f="pkt-link",u=!0,d={href:{name:"URL",description:"URL til lenken",type:"string",default:"#"},target:{name:"Mål",description:"Mål for lenken",type:["_blank","_self","_parent","_top"],default:"_self"},iconName:{name:"Ikon",description:"Ikon som skal vises ved siden av lenketeksten",type:"icon"},iconPosition:{name:"Ikonposisjon",description:"Posisjonen til ikonet i forhold til lenketeksten",type:["left","right"]},external:{name:"Ekstern lenke",description:"Vis ikon for ekstern lenke",type:"boolean",default:!1}},m={default:{description:"Innholdet i lenken"}},p={name:f,"css-class":"pkt-link","dark-mode":!0,isElement:u,props:d,slots:m};var P=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(s,n,r,o)=>{for(var t=o>1?void 0:o?y(n,r):n,l=s.length-1,a;l>=0;l--)(a=s[l])&&(t=(o?a(n,r,t):a(t))||t);return o&&t&&P(n,r,t),t};exports.PktLink=class extends e.PktElement{constructor(){super(),this.defaultSlot=c.ii(),this.href=p.props.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=p.props.external.default,this.target=p.props.target.default,this.slotController=new c.PktSlotController(this,this.defaultSlot)}render(){const n={"pkt-link":!0,"pkt-link--icon-left":!!this.iconName&&this.iconPosition==="left"||!!(this.iconName&&!this.iconPosition),"pkt-link--icon-right":!!this.iconName&&this.iconPosition==="right","pkt-link--external":this.external};return e.ke`<a
       class=${k.Rt(n)}
       href=${this.href}
       @click=${this.handleClick}

package/dist/pkt-link.js

@@ -1,8 +1,8 @@
-import { P as f, k, D as h, n as i } from "./index-CGGB6fVA.js";
-import { i as m, P as d, K as u } from "./ref-v9geUvt6.js";
-import { R as P } from "./class-map-QbdgvBsV.js";
+import { P as f, k, D as h, n as i } from "./index-BoxUN9GL.js";
+import { i as m, P as d, K as u } from "./ref-DzpbHCb_.js";
+import { R as P } from "./class-map-DnAEF9tj.js";
 import { t as y } from "./directive-DA0-wdk7.js";
-import "./index-t0H-gKGh.js";
+import "./index-CsKoXqeT.js";
 const g = "pkt-link", v = !0, _ = {
   href: {
     name: "URL",

package/dist/pkt-messagebox.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CSa2k4ML.cjs"),c=require("./ref-BK6FYWo3.cjs"),p=require("./class-map-1LSYgumx.cjs"),b=require("./directive-19_ixLKS.cjs");require("./index-C7NOKSUx.cjs");var k=Object.defineProperty,u=Object.getOwnPropertyDescriptor,s=(i,o,r,l)=>{for(var t=l>1?void 0:l?u(o,r):o,a=i.length-1,n;a>=0;a--)(n=i[a])&&(t=(l?n(o,r,t):n(t))||t);return l&&t&&k(o,r,t),t};exports.PktMessagebox=class extends e.PktElement{constructor(){super(),this.defaultSlot=c.ii(),this.closable=!1,this.compact=!1,this.title="",this.skin="beige",this.isDisplayed=!0,this.slotController=new c.PktSlotController(this,this.defaultSlot)}handleClose(){this.isDisplayed=!1,this.onClose&&this.onClose()}render(){const o={"pkt-messagebox":!0,"pkt-messagebox--compact":this.compact,[`pkt-messagebox--${this.skin}`]:this.skin,"pkt-messagebox--closable":this.closable};return this.isDisplayed?e.ke`<div class=${p.Rt(o)}>
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DZGlpxj6.cjs"),c=require("./ref-G2cIenWo.cjs"),p=require("./class-map-CFiVus5w.cjs"),b=require("./directive-19_ixLKS.cjs");require("./index-DZ0cjZdG.cjs");var k=Object.defineProperty,u=Object.getOwnPropertyDescriptor,s=(i,o,r,l)=>{for(var t=l>1?void 0:l?u(o,r):o,a=i.length-1,n;a>=0;a--)(n=i[a])&&(t=(l?n(o,r,t):n(t))||t);return l&&t&&k(o,r,t),t};exports.PktMessagebox=class extends e.PktElement{constructor(){super(),this.defaultSlot=c.ii(),this.closable=!1,this.compact=!1,this.title="",this.skin="beige",this.isDisplayed=!0,this.slotController=new c.PktSlotController(this,this.defaultSlot)}handleClose(){this.isDisplayed=!1,this.onClose&&this.onClose()}render(){const o={"pkt-messagebox":!0,"pkt-messagebox--compact":this.compact,[`pkt-messagebox--${this.skin}`]:this.skin,"pkt-messagebox--closable":this.closable};return this.isDisplayed?e.ke`<div class=${p.Rt(o)}>
       ${this.closable?e.ke`<div class="pkt-messagebox__close">
             <button
               @click=${this.handleClose}

package/dist/pkt-messagebox.js

@@ -1,8 +1,8 @@
-import { P as m, D as c, k as h, n as o } from "./index-CGGB6fVA.js";
-import { i as b, P as f, K as k } from "./ref-v9geUvt6.js";
-import { R as u } from "./class-map-QbdgvBsV.js";
+import { P as m, D as c, k as h, n as o } from "./index-BoxUN9GL.js";
+import { i as b, P as f, K as k } from "./ref-DzpbHCb_.js";
+import { R as u } from "./class-map-DnAEF9tj.js";
 import { t as y } from "./directive-DA0-wdk7.js";
-import "./index-t0H-gKGh.js";
+import "./index-CsKoXqeT.js";
 var d = Object.defineProperty, v = Object.getOwnPropertyDescriptor, s = (l, i, p, r) => {
   for (var e = r > 1 ? void 0 : r ? v(i, p) : i, a = l.length - 1, n; a >= 0; a--)
     (n = l[a]) && (e = (r ? n(i, p, e) : n(e)) || e);

package/dist/pkt-tag.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./class-map-1LSYgumx.cjs"),g=require("./directive-19_ixLKS.cjs"),t=require("./index-CSa2k4ML.cjs"),o=require("./ref-BK6FYWo3.cjs");require("./index-C7NOKSUx.cjs");const h="pkt-tag",k={closeTag:{type:"boolean",required:!1,default:!1},size:{required:!1,default:"medium",type:["small","medium","large"]},iconName:{type:"string",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:"close"}},f={default:{description:"Teksten til tag"}},a={name:h,"css-class":"pkt-tag",props:k,slots:f};var d=Object.defineProperty,y=Object.getOwnPropertyDescriptor,e=(n,s,r,l)=>{for(var i=l>1?void 0:l?y(s,r):s,p=n.length-1,c;p>=0;p--)(c=n[p])&&(i=(l?c(s,r,i):c(i))||i);return l&&i&&d(s,r,i),i};exports.PktTag=class extends t.PktElement{constructor(){super(),this.defaultSlot=o.ii(),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("onClose",{detail:{origin:s},bubbles:!0,composed:!0}))},this.slotController=new o.PktSlotController(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},r={"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};return this.closeTag?this._isClosed?t.D:t.ke`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./class-map-CFiVus5w.cjs"),g=require("./directive-19_ixLKS.cjs"),t=require("./index-DZGlpxj6.cjs"),o=require("./ref-G2cIenWo.cjs");require("./index-DZ0cjZdG.cjs");const h="pkt-tag",k={closeTag:{type:"boolean",required:!1,default:!1},size:{required:!1,default:"medium",type:["small","medium","large"]},iconName:{type:"string",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:"close"}},f={default:{description:"Teksten til tag"}},a={name:h,"css-class":"pkt-tag",props:k,slots:f};var d=Object.defineProperty,y=Object.getOwnPropertyDescriptor,e=(n,s,r,l)=>{for(var i=l>1?void 0:l?y(s,r):s,p=n.length-1,c;p>=0;p--)(c=n[p])&&(i=(l?c(s,r,i):c(i))||i);return l&&i&&d(s,r,i),i};exports.PktTag=class extends t.PktElement{constructor(){super(),this.defaultSlot=o.ii(),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("onClose",{detail:{origin:s},bubbles:!0,composed:!0}))},this.slotController=new o.PktSlotController(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},r={"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};return this.closeTag?this._isClosed?t.D:t.ke`
             <button
               class=${u.Rt(r)}
               type=${this.type}

package/dist/pkt-tag.js

@@ -1,8 +1,8 @@
-import { R as h } from "./class-map-QbdgvBsV.js";
+import { R as h } from "./class-map-DnAEF9tj.js";
 import { t as y } from "./directive-DA0-wdk7.js";
-import { r as d, P as g, k as p, D as k, n as i } from "./index-CGGB6fVA.js";
-import { i as m, P as b, K as f } from "./ref-v9geUvt6.js";
-import "./index-t0H-gKGh.js";
+import { r as d, P as g, k as p, D as k, n as i } from "./index-BoxUN9GL.js";
+import { i as m, P as b, K as f } from "./ref-DzpbHCb_.js";
+import "./index-CsKoXqeT.js";
 const S = "pkt-tag", _ = {
   closeTag: {
     type: "boolean",

package/dist/{ref-v9geUvt6.js → ref-DzpbHCb_.js}

@@ -1,4 +1,4 @@
-import { s as p, D as _ } from "./index-CGGB6fVA.js";
+import { s as p, D as _ } from "./index-BoxUN9GL.js";
 import { i as v, a as m, e as g } from "./directive-DA0-wdk7.js";
 class H {
   constructor(e, ...s) {

package/dist/{ref-BK6FYWo3.cjs → ref-G2cIenWo.cjs}

@@ -1,4 +1,4 @@
-"use strict";const a=require("./index-CSa2k4ML.cjs"),$=require("./directive-19_ixLKS.cjs");class p{constructor(e,...s){this.nodes=[],this.host=e,this.host.addController(this),this.slots=s,this.nodes=[]}hostConnected(){Array.from(this.host.childNodes).forEach(e=>{var s;if(e.nodeName==="#text"){if((s=e.nodeValue)!=null&&s.trim()){const i=document==null?void 0:document.createElement("template");i.content.appendChild(e),this.nodes.push(i)}}else this.nodes.push(e)})}hostUpdated(){this.slots.forEach(e=>{if(!e.value)return;const s=e.value.getAttribute("name"),i=this.nodes.flatMap(n=>n.getAttribute&&n.getAttribute("slot")==s?this.nodeFromElement(n,e):[]);i.length&&e.value.replaceChildren(...i)})}nodeFromElement(e,s){var i;return e===((i=s.value)==null?void 0:i.parentNode)?[]:e instanceof HTMLTemplateElement?Array.from(e.content.childNodes):e}}/**
+"use strict";const a=require("./index-DZGlpxj6.cjs"),$=require("./directive-19_ixLKS.cjs");class p{constructor(e,...s){this.nodes=[],this.host=e,this.host.addController(this),this.slots=s,this.nodes=[]}hostConnected(){Array.from(this.host.childNodes).forEach(e=>{var s;if(e.nodeName==="#text"){if((s=e.nodeValue)!=null&&s.trim()){const i=document==null?void 0:document.createElement("template");i.content.appendChild(e),this.nodes.push(i)}}else this.nodes.push(e)})}hostUpdated(){this.slots.forEach(e=>{if(!e.value)return;const s=e.value.getAttribute("name"),i=this.nodes.flatMap(n=>n.getAttribute&&n.getAttribute("slot")==s?this.nodeFromElement(n,e):[]);i.length&&e.value.replaceChildren(...i)})}nodeFromElement(e,s){var i;return e===((i=s.value)==null?void 0:i.parentNode)?[]:e instanceof HTMLTemplateElement?Array.from(e.content.childNodes):e}}/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "12.3.4",
+  "version": "12.3.9",
   "description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -55,5 +55,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "03713d6eb45c661add11500370667746903294dc"
+  "gitHead": "794e48054ce7da8965056cca1d34a731d5edc318"
 }

package/src/components/datepicker/index.ts

@@ -134,14 +134,7 @@ export class PktDatepicker extends PktInputElement {
 
   attributeChangedCallback(name: string, _old: string | null, value: string | null): void {
     if (name === 'value') {
-      if (this.value === '' || this.value.length === 0 || typeof this.value === 'undefined') {
-        this._value = []
-      } else if (this.value.length && this._value.length === 0) {
-        if (!Array.isArray(this.value) && this.value.includes(',')) {
-          this.value = this.value.split(',')
-        }
-        this._value = !Array.isArray(this.value) ? this.value.split(',') : this.value
-      }
+      this.valueChanged(this.value, _old)
     }
 
     if (name === 'excludedates' && typeof this.excludedates === 'string') {
@@ -161,13 +154,8 @@ export class PktDatepicker extends PktInputElement {
   updated(changedProperties: PropertyValues): void {
     super.updated(changedProperties)
     if (changedProperties.has('value')) {
-      if (this.range && this._value.length === 1) {
-        return
-      }
-      if (changedProperties.get('value')?.toString() === this.value.toString()) {
-        return
-      }
-      this.onInput(this.value)
+      if (this.range && this._value.length === 1) return
+      this.valueChanged(this.value, changedProperties.get('value'))
     }
   }
 
@@ -240,7 +228,7 @@ export class PktDatepicker extends PktInputElement {
         class="${classMap(this.inputClasses)}"
         type="date"
         id="${this.id}-input"
-        value=${this.value}
+        .value=${this._value[0] ?? ''}
         min=${this.min}
         max=${this.max}
         @click=${(e: MouseEvent) => {
@@ -251,7 +239,6 @@ export class PktDatepicker extends PktInputElement {
         @blur=${(e: Event) => {
           this.manageValidity(e.target as HTMLInputElement)
           this.value = (e.target as HTMLInputElement).value
-          this._value = this.massageDates((e.target as HTMLInputElement).value.split(','))
         }}
         @change=${(e: Event) => {
           e.stopImmediatePropagation()
@@ -268,7 +255,7 @@ export class PktDatepicker extends PktInputElement {
         class=${classMap(this.inputClasses)}
         type="date"
         id="${this.id}-input"
-        value=${this._value[0] ?? ''}
+        .value=${this._value[0] ?? ''}
         min=${this.min}
         max=${this.max}
         @click=${(e: MouseEvent) => {
@@ -285,6 +272,8 @@ export class PktDatepicker extends PktInputElement {
                 this.calRef?.value?.handleDateSelect(date)
               }
             }
+          } else if (this._value[0]) {
+            this.clearInputValue()
           }
         }}
         @change=${(e: Event) => {
@@ -297,7 +286,7 @@ export class PktDatepicker extends PktInputElement {
         class=${classMap(this.inputClasses)}
         type="date"
         id="${this.id}-to"
-        value=${this._value[1] ?? ''}
+        .value=${this._value[1] ?? ''}
         min=${this.min}
         max=${this.max}
         @click=${(e: MouseEvent) => {
@@ -411,12 +400,7 @@ export class PktDatepicker extends PktInputElement {
         .excludeweekdays=${this.excludeweekdays}
         .currentmonth=${new Date(this.currentmonth)}
         @date-selected=${(e: CustomEvent) => {
-          this.value =
-            !this.multiple && !this.range
-              ? !Array.isArray(e.detail)
-                ? e.detail.split(',')[0]
-                : e.detail[0]
-              : e.detail
+          this.value = !this.multiple && !this.range ? e.detail[0] : e.detail
           this._value = e.detail
           if (this.inputRef.value) {
             if (this.range && this.inputRefTo.value) {