@oslokommune/punkt-elements 12.3.11 → 12.3.14

package/dist/{index-erLPjF21.js → index-DQ5xnGw6.js}

@@ -1,8 +1,8 @@
-import { r as O, P as _, k as f, D as w, n as c } from "./index-DFB6cAPd.js";
-import { a as b } from "./converters-DNCwIFwr.js";
-import { t as A } from "./directive-DA0-wdk7.js";
-import { R as I } from "./class-map-CQf6i-xX.js";
-import "./index-BtB1fCeq.js";
+import { r as b, P as $, k as f, D as w, n as c } from "./index-m5WP1NKD.js";
+import { a as S } from "./converters-DNCwIFwr.js";
+import { t as _ } from "./directive-DA0-wdk7.js";
+import { R as A } from "./class-map-CL_lSLwn.js";
+import "./index-exzYRW0z.js";
 function k(e) {
   const t = Object.prototype.toString.call(e);
   return e instanceof Date || typeof e == "object" && t === "[object Date]" ? new e.constructor(+e) : typeof e == "number" || t === "[object Number]" || typeof e == "string" || t === "[object String]" ? new Date(e) : /* @__PURE__ */ new Date(NaN);
@@ -10,50 +10,50 @@ function k(e) {
 function M(e, t) {
   return e instanceof Date ? new e.constructor(t) : new Date(t);
 }
-const T = 6048e5, U = 864e5;
-let E = {};
-function $() {
-  return E;
+const I = 6048e5, U = 864e5;
+let T = {};
+function O() {
+  return T;
 }
 function v(e, t) {
   var p, h, u, d;
-  const s = $(), n = (t == null ? void 0 : t.weekStartsOn) ?? ((h = (p = t == null ? void 0 : t.locale) == null ? void 0 : p.options) == null ? void 0 : h.weekStartsOn) ?? s.weekStartsOn ?? ((d = (u = s.locale) == null ? void 0 : u.options) == null ? void 0 : d.weekStartsOn) ?? 0, a = k(e), l = a.getDay(), i = (l < n ? 7 : 0) + l - n;
-  return a.setDate(a.getDate() - i), a.setHours(0, 0, 0, 0), a;
+  const s = O(), n = (t == null ? void 0 : t.weekStartsOn) ?? ((h = (p = t == null ? void 0 : t.locale) == null ? void 0 : p.options) == null ? void 0 : h.weekStartsOn) ?? s.weekStartsOn ?? ((d = (u = s.locale) == null ? void 0 : u.options) == null ? void 0 : d.weekStartsOn) ?? 0, i = k(e), o = i.getDay(), a = (o < n ? 7 : 0) + o - n;
+  return i.setDate(i.getDate() - a), i.setHours(0, 0, 0, 0), i;
 }
-function S(e, t) {
+function x(e, t) {
   const s = k(e.start), n = k(e.end);
-  let a = +s > +n;
-  const l = a ? +s : +n, i = a ? n : s;
-  i.setHours(0, 0, 0, 0);
+  let i = +s > +n;
+  const o = i ? +s : +n, a = i ? n : s;
+  a.setHours(0, 0, 0, 0);
   let p = 1;
   const h = [];
-  for (; +i <= l; )
-    h.push(k(i)), i.setDate(i.getDate() + p), i.setHours(0, 0, 0, 0);
-  return a ? h.reverse() : h;
+  for (; +a <= o; )
+    h.push(k(a)), a.setDate(a.getDate() + p), a.setHours(0, 0, 0, 0);
+  return i ? h.reverse() : h;
 }
 function C(e, t) {
   var d, y, m, D;
-  const s = k(e), n = s.getFullYear(), a = $(), l = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((y = (d = t == null ? void 0 : t.locale) == null ? void 0 : d.options) == null ? void 0 : y.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((D = (m = a.locale) == null ? void 0 : m.options) == null ? void 0 : D.firstWeekContainsDate) ?? 1, i = M(e, 0);
-  i.setFullYear(n + 1, 0, l), i.setHours(0, 0, 0, 0);
-  const p = v(i, t), h = M(e, 0);
-  h.setFullYear(n, 0, l), h.setHours(0, 0, 0, 0);
+  const s = k(e), n = s.getFullYear(), i = O(), o = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((y = (d = t == null ? void 0 : t.locale) == null ? void 0 : d.options) == null ? void 0 : y.firstWeekContainsDate) ?? i.firstWeekContainsDate ?? ((D = (m = i.locale) == null ? void 0 : m.options) == null ? void 0 : D.firstWeekContainsDate) ?? 1, a = M(e, 0);
+  a.setFullYear(n + 1, 0, o), a.setHours(0, 0, 0, 0);
+  const p = v(a, t), h = M(e, 0);
+  h.setFullYear(n, 0, o), h.setHours(0, 0, 0, 0);
   const u = v(h, t);
   return s.getTime() >= p.getTime() ? n + 1 : s.getTime() >= u.getTime() ? n : n - 1;
 }
-function R(e, t) {
+function E(e, t) {
   var p, h, u, d;
-  const s = $(), n = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((h = (p = t == null ? void 0 : t.locale) == null ? void 0 : p.options) == null ? void 0 : h.firstWeekContainsDate) ?? s.firstWeekContainsDate ?? ((d = (u = s.locale) == null ? void 0 : u.options) == null ? void 0 : d.firstWeekContainsDate) ?? 1, a = C(e, t), l = M(e, 0);
-  return l.setFullYear(a, 0, n), l.setHours(0, 0, 0, 0), v(l, t);
+  const s = O(), n = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((h = (p = t == null ? void 0 : t.locale) == null ? void 0 : p.options) == null ? void 0 : h.firstWeekContainsDate) ?? s.firstWeekContainsDate ?? ((d = (u = s.locale) == null ? void 0 : u.options) == null ? void 0 : d.firstWeekContainsDate) ?? 1, i = C(e, t), o = M(e, 0);
+  return o.setFullYear(i, 0, n), o.setHours(0, 0, 0, 0), v(o, t);
 }
-function x(e, t) {
-  const s = k(e), n = +v(s, t) - +R(s, t);
-  return Math.round(n / T) + 1;
+function R(e, t) {
+  const s = k(e), n = +v(s, t) - +E(s, t);
+  return Math.round(n / I) + 1;
 }
 function H(e) {
   let s = k(e).getDay();
   return s === 0 && (s = 7), s;
 }
-const N = "pkt-calendar", P = {
+const N = "pkt-calendar", W = {
   id: {
     type: "string",
     name: "ID",
@@ -130,62 +130,64 @@ const N = "pkt-calendar", P = {
     default: !1,
     description: "Allow date range selection"
   }
-}, W = {
+}, P = {
   "date-selected": {
     description: "Returns ISO formatted date string"
   }
 }, g = {
   name: N,
   "css-class": "pkt-calendar",
-  props: P,
-  events: W
+  props: W,
+  events: P
 };
-var Y = Object.defineProperty, F = Object.getOwnPropertyDescriptor, o = (e, t, s, n) => {
-  for (var a = n > 1 ? void 0 : n ? F(t, s) : t, l = e.length - 1, i; l >= 0; l--)
-    (i = e[l]) && (a = (n ? i(t, s, a) : i(a)) || a);
-  return n && a && Y(t, s, a), a;
+var Y = Object.defineProperty, F = Object.getOwnPropertyDescriptor, l = (e, t, s, n) => {
+  for (var i = n > 1 ? void 0 : n ? F(t, s) : t, o = e.length - 1, a; o >= 0; o--)
+    (a = e[o]) && (i = (n ? a(t, s, i) : a(i)) || i);
+  return n && i && Y(t, s, i), i;
 };
-let r = class extends _ {
+let r = class extends $ {
   /**
    * If we are initializing props, slots and events from specs, we should do it in the constructor
    */
   constructor() {
-    super(), this.multiple = g.props.multiple.default, this.maxMultiple = g.props.maxMultiple.default, this.range = g.props.range.default, this.weeknumbers = g.props.weeknumbers.default, this.withcontrols = g.props.withcontrols.default, this.selected = [], this.earliest = g.props.earliest.default, this.latest = g.props.latest.default, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = /* @__PURE__ */ new Date(), this.dayStrings = this.strings.dates.daysShort, this.monthStrings = this.strings.dates.months, this.weekString = this.strings.dates.week, this.prevMonthString = this.strings.dates.prevMonth, this.nextMonthString = this.strings.dates.nextMonth, this._selected = [], this.year = 0, this.month = 0, this.week = 0, this.rangeHovered = null, this.inRange = {}, this.focusedDate = null, this.selectableDates = [];
+    super(), this.multiple = g.props.multiple.default, this.maxMultiple = g.props.maxMultiple.default, this.range = g.props.range.default, this.weeknumbers = g.props.weeknumbers.default, this.withcontrols = g.props.withcontrols.default, this.selected = [], this.earliest = g.props.earliest.default, this.latest = g.props.latest.default, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.dayStrings = this.strings.dates.daysShort, this.monthStrings = this.strings.dates.months, this.weekString = this.strings.dates.week, this.prevMonthString = this.strings.dates.prevMonth, this.nextMonthString = this.strings.dates.nextMonth, this._selected = [], this.year = 0, this.month = 0, this.week = 0, this.rangeHovered = null, this.inRange = {}, this.focusedDate = null, this.selectableDates = [], this.currentmonthtouched = !1;
   }
   /**
    * Runs on mount, used to set up various values and whatever you need to run
    */
   connectedCallback() {
-    const e = this.currentmonth;
-    this.year = e.getFullYear(), this.month = e.getMonth(), this.week = x(new Date(this.year, this.month, 1, 12)), this.selected && this.selected.length && this.selected.forEach((t) => {
-      this._selected.push(new Date(t));
-    }), super.connectedCallback();
+    super.connectedCallback();
   }
   disconnectedCallback() {
     this.removeEventListener("keydown", this.handleKeydown), super.disconnectedCallback();
   }
   attributeChangedCallback(e, t, s) {
-    e === "currentmonth" && s && (this.currentmonth = new Date(s), this.year = this.currentmonth.getFullYear(), this.month = this.currentmonth.getMonth(), this.week = x(new Date(this.year, this.month, 1, 12))), e === "selected" && s && (this._selected = [], this.selected.forEach((n) => {
-      this._selected.push(new Date(n));
-    })), super.attributeChangedCallback(e, t, s);
+    e === "selected" && s && this.convertSelected(), super.attributeChangedCallback(e, t, s);
   }
   updated(e) {
-    if (e.has("selected") && this.selected.length === 2) {
-      const t = S({
+    e.has("selected") && this.convertSelected(), super.updated(e);
+  }
+  convertSelected() {
+    if (typeof this.selected == "string" && (this.selected = this.selected.split(",")), this.selected.length === 1 && this.selected[0] === "" && (this.selected = []), this._selected = this.selected.map((e) => new Date(e)), this.range && this.selected.length === 2) {
+      const e = x({
         start: new Date(this.selected[0]),
         end: new Date(this.selected[1])
       });
-      if (this.inRange = {}, Array.isArray(t) && t.length) {
-        const s = {};
-        for (let n = 0; n < t.length; n++)
-          s[this.formatISODate(t[n])] = this.isInRange(t[n]);
-        this.inRange = s;
+      if (this.inRange = {}, Array.isArray(e) && e.length) {
+        const t = {};
+        for (let s = 0; s < e.length; s++)
+          t[this.formatISODate(e[s])] = this.isInRange(e[s]);
+        this.inRange = t;
       }
     }
-    super.updated(e);
+    this.setCurrentMonth();
   }
-  firstUpdated(e) {
-    this.addEventListener("keydown", this.handleKeydown);
+  setCurrentMonth() {
+    if (this.currentmonth === null && !this.currentmonthtouched) {
+      this.currentmonthtouched = !0;
+      return;
+    }
+    this.selected.length && this.selected[0] !== "" ? this.currentmonth = new Date(this.selected[this.selected.length - 1]) : this.currentmonth === null && (this.currentmonth = /* @__PURE__ */ new Date()), this.year = this.currentmonth.getFullYear(), this.month = this.currentmonth.getMonth();
   }
   handleKeydown(e) {
     switch (e.key) {
@@ -208,15 +210,15 @@ let r = class extends _ {
     const s = new Date(this.focusedDate);
     let n = new Date(s.setDate(s.getDate() + t));
     if (n) {
-      let a = this.querySelector(`div[data-date="${this.formatISODate(n)}"]`);
-      if (a instanceof HTMLDivElement) {
-        if (a.dataset.disabled) {
-          let l = new Date(s.setDate(s.getDate() + t)), i = this.querySelector(`div[data-date="${this.formatISODate(l)}"]`);
-          for (; i && i instanceof HTMLDivElement && i.dataset.disabled; )
-            l = new Date(l.setDate(l.getDate() + t)), i = this.querySelector(`div[data-date="${this.formatISODate(l)}"]`);
-          a = i;
+      let i = this.querySelector(`div[data-date="${this.formatISODate(n)}"]`);
+      if (i instanceof HTMLDivElement) {
+        if (i.dataset.disabled) {
+          let o = new Date(s.setDate(s.getDate() + t)), a = this.querySelector(`div[data-date="${this.formatISODate(o)}"]`);
+          for (; a && a instanceof HTMLDivElement && a.dataset.disabled; )
+            o = new Date(o.setDate(o.getDate() + t)), a = this.querySelector(`div[data-date="${this.formatISODate(o)}"]`);
+          i = a;
         }
-        a instanceof HTMLDivElement && !a.dataset.disabled && a.focus();
+        i instanceof HTMLDivElement && !i.dataset.disabled && i.focus();
       }
     }
   }
@@ -302,7 +304,7 @@ let r = class extends _ {
             @change=${(t) => {
         this.changeMonth(t.target.value, this.month);
       }}
-            value="${this.year}"
+            .value=${this.year}
           />
         </div> `
     ) : e.push(
@@ -312,29 +314,29 @@ let r = class extends _ {
     ), e;
   }
   renderDayView(e, t, s) {
-    const n = new Date(this.year, this.month, e, 12), a = this.formatISODate(n), l = a === this.formatISODate(t), i = this.selected.includes(a), p = this.isExcluded(s, n) || !i && this.multiple && this.maxMultiple > 0 && this.selected.length >= this.maxMultiple, h = this.focusedDate ? this.focusedDate === a ? "0" : "-1" : e === 1 ? "0" : "-1";
-    this.selectableDates.push({ currentDateISO: a, isDisabled: p });
+    const n = new Date(this.year, this.month, e, 12), i = this.formatISODate(n), o = i === this.formatISODate(t), a = this.selected.includes(i), p = this.isExcluded(s, n) || !a && this.multiple && this.maxMultiple > 0 && this.selected.length >= this.maxMultiple, h = this.focusedDate ? this.focusedDate === i ? "0" : "-1" : e === 1 ? "0" : "-1";
+    this.selectableDates.push({ currentDateISO: i, isDisabled: p });
     const u = {
-      "pkt-cal-today": l,
-      "pkt-cal-selected": i,
-      "pkt-cal-in-range": this.inRange[a],
+      "pkt-cal-today": o,
+      "pkt-cal-selected": a,
+      "pkt-cal-in-range": this.inRange[i],
       "pkt-cal-excluded": this.isExcluded(s, n),
-      "pkt-cal-in-range-first": this.range && (this.selected.length === 2 || this.rangeHovered !== null) && a === this.selected[0],
-      "pkt-cal-in-range-last": this.range && this.selected.length === 2 && a === this.selected[1],
-      "pkt-cal-range-hover": this.rangeHovered !== null && a === this.formatISODate(this.rangeHovered)
+      "pkt-cal-in-range-first": this.range && (this.selected.length === 2 || this.rangeHovered !== null) && i === this.selected[0],
+      "pkt-cal-in-range-last": this.range && this.selected.length === 2 && i === this.selected[1],
+      "pkt-cal-range-hover": this.rangeHovered !== null && i === this.formatISODate(this.rangeHovered)
     };
-    return f`<td class=${I(u)}>
+    return f`<td class=${A(u)}>
       <div
-        ?aria-selected=${i}
+        ?aria-selected=${a}
         role="gridcell"
         class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only"
         @mouseover=${() => this.range && !this.isExcluded(s, n) && this.handleRangeHover(n)}
         @focus=${() => {
-      this.range && !this.isExcluded(s, n) && this.handleRangeHover(n), this.focusedDate = a;
+      this.range && !this.isExcluded(s, n) && this.handleRangeHover(n), this.focusedDate = i;
     }}
         tabindex=${h}
         data-disabled=${p ? "disabled" : w}
-        data-date=${a}
+        data-date=${i}
         @keydown=${(d) => {
       (d.key === "Enter" || d.key === " ") && (d.preventDefault(), this.handleDateSelect(n));
     }}
@@ -347,16 +349,16 @@ let r = class extends _ {
     </td>`;
   }
   renderCalendarBody() {
-    const e = /* @__PURE__ */ new Date(), t = new Date(this.year, this.month, 1, 12), s = new Date(this.year, this.month + 1, 0, 12), n = (t.getDay() + 6) % 7, a = s.getDate(), l = Math.ceil((a + n) / 7), p = new Date(this.year, this.month, 0, 12).getDate();
+    const e = /* @__PURE__ */ new Date(), t = new Date(this.year, this.month, 1, 12), s = new Date(this.year, this.month + 1, 0, 12), n = (t.getDay() + 6) % 7, i = s.getDate(), o = Math.ceil((i + n) / 7), p = new Date(this.year, this.month, 0, 12).getDate();
     let h = 1;
-    this.week = x(new Date(this.year, this.month, 1, 12));
+    this.week = R(new Date(this.year, this.month, 1, 12));
     const u = [];
-    for (let d = 0; d < l; d++) {
+    for (let d = 0; d < o; d++) {
       const y = [];
       this.weeknumbers && y.push(f`<td class="pkt-cal-week">${this.week}</td>`), this.week++;
       for (let m = 1; m < 8; m++)
         if (d === 0 && m < n + 1) {
-          const D = p - (n - m - 1);
+          const D = p - (n - m);
           y.push(
             f`<td class="pkt-cal-other">
               <div
@@ -367,13 +369,13 @@ let r = class extends _ {
               </div>
             </td>`
           );
-        } else h > a ? (y.push(
+        } else h > i ? (y.push(
           f`<td class="pkt-cal-other">
               <div
                 class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only"
                 data-disabled="disabled"
               >
-                <span class="pkt-btn__text pkt-txt-14-light">${h - a}</span>
+                <span class="pkt-btn__text pkt-txt-14-light">${h - i}</span>
               </div>
             </td>`
         ), h++) : (y.push(this.renderDayView(h, e, m)), h++);
@@ -408,7 +410,7 @@ let r = class extends _ {
     this.changeMonth(t, e);
   }
   changeMonth(e, t) {
-    this.year = e, this.month = t, this.selectableDates = [], this.requestUpdate("currentmonth");
+    this.year = e, this.month = t, this.selectableDates = [], this.requestUpdate();
   }
   isInRange(e) {
     if (this.range && this.selected.length === 2) {
@@ -420,14 +422,14 @@ let r = class extends _ {
   isRangeAllowed(e) {
     let t = !0;
     if (this._selected.length === 1) {
-      const s = S({
+      const s = x({
         start: this._selected[0],
         end: e
       });
       if (Array.isArray(s) && s.length)
         for (let n = 0; n < s.length; n++)
-          this.excludedates.forEach((a) => {
-            a > this._selected[0] && a < e && (t = !1);
+          this.excludedates.forEach((i) => {
+            i > this._selected[0] && i < e && (t = !1);
           }), this.excludeweekdays.includes(H(s[n]).toString()) && (t = !1);
     }
     return t;
@@ -457,7 +459,7 @@ let r = class extends _ {
   handleRangeHover(e) {
     if (this.range && this._selected.length === 1 && this.isRangeAllowed(e) && this._selected[0] < e) {
       this.rangeHovered = e, this.inRange = {};
-      const t = S({
+      const t = x({
         start: this._selected[0],
         end: e
       });
@@ -504,87 +506,90 @@ let r = class extends _ {
     );
   }
 };
-o([
-  c({ type: Boolean, reflect: !0 })
+l([
+  c({ type: Boolean })
 ], r.prototype, "multiple", 2);
-o([
+l([
   c({ type: Number })
 ], r.prototype, "maxMultiple", 2);
-o([
-  c({ type: Boolean, reflect: !0 })
+l([
+  c({ type: Boolean })
 ], r.prototype, "range", 2);
-o([
-  c({ type: Boolean, reflect: !0 })
+l([
+  c({ type: Boolean })
 ], r.prototype, "weeknumbers", 2);
-o([
-  c({ type: Boolean, reflect: !0 })
+l([
+  c({ type: Boolean })
 ], r.prototype, "withcontrols", 2);
-o([
-  c({ converter: b.csvToArray })
+l([
+  c({ converter: S.csvToArray })
 ], r.prototype, "selected", 2);
-o([
-  c({ type: String, reflect: !0 })
+l([
+  c({ type: String })
 ], r.prototype, "earliest", 2);
-o([
-  c({ type: String, reflect: !0 })
+l([
+  c({ type: String })
 ], r.prototype, "latest", 2);
-o([
-  c({ converter: b.stringsToDate })
+l([
+  c({ converter: S.stringsToDate })
 ], r.prototype, "excludedates", 2);
-o([
-  c({ converter: b.csvToArray })
+l([
+  c({ converter: S.csvToArray })
 ], r.prototype, "excludeweekdays", 2);
-o([
-  c({ converter: b.stringToDate })
+l([
+  c({ converter: S.stringToDate })
 ], r.prototype, "currentmonth", 2);
-o([
+l([
   c({ type: Array })
 ], r.prototype, "dayStrings", 2);
-o([
+l([
   c({ type: Array })
 ], r.prototype, "monthStrings", 2);
-o([
+l([
   c({ type: String })
 ], r.prototype, "weekString", 2);
-o([
+l([
   c({ type: String })
 ], r.prototype, "prevMonthString", 2);
-o([
+l([
   c({ type: String })
 ], r.prototype, "nextMonthString", 2);
-o([
+l([
   c({ type: Array })
 ], r.prototype, "_selected", 2);
-o([
+l([
   c({ type: Number })
 ], r.prototype, "year", 2);
-o([
+l([
   c({ type: Number })
 ], r.prototype, "month", 2);
-o([
+l([
   c({ type: Number })
 ], r.prototype, "week", 2);
-o([
+l([
   c({ type: Date })
 ], r.prototype, "rangeHovered", 2);
-o([
-  O()
+l([
+  b()
 ], r.prototype, "inRange", 2);
-o([
-  O()
+l([
+  b()
 ], r.prototype, "focusedDate", 2);
-o([
-  O()
+l([
+  b()
 ], r.prototype, "selectableDates", 2);
-r = o([
-  A("pkt-calendar")
+l([
+  b()
+], r.prototype, "currentmonthtouched", 2);
+r = l([
+  _("pkt-calendar")
 ], r);
 export {
   r as P,
-  T as a,
-  x as b,
+  I as a,
+  R as b,
   M as c,
-  $ as d,
+  O as d,
   C as g,
   U as m,
   v as s,

package/dist/{index-BtB1fCeq.js → index-exzYRW0z.js}

@@ -1,4 +1,4 @@
-import { D as w, R as g, P as y, k as P, n as a } from "./index-DFB6cAPd.js";
+import { D as w, R as g, P as y, k as P, n as a } from "./index-m5WP1NKD.js";
 import { i as m, a as k, e as v, t as _ } from "./directive-DA0-wdk7.js";
 /**
  * @license

package/dist/{index-DFB6cAPd.js → index-m5WP1NKD.js}

@@ -762,15 +762,15 @@ class m extends vt {
   }
   // When user enters the input, we need to push that event out to the form
   onFocus() {
-    this.dispatchEvent(new Event("focus"));
+    this.dispatchEvent(new FocusEvent("focus"));
   }
   // And also when the user leaves the input...
   onBlur() {
-    this.dispatchEvent(new Event("blur"));
+    this.dispatchEvent(new FocusEvent("blur"));
   }
   // Trigger this when user types in the input
   onInput() {
-    this.dispatchEvent(new Event("input"));
+    this.dispatchEvent(new InputEvent("input"));
   }
   // Trigger this when you want to set the value of the input out to the form
   onChange(t) {

package/dist/index.d.ts

@@ -30,12 +30,12 @@ export declare class PktCalendar extends PktElement {
     range: boolean;
     weeknumbers: boolean;
     withcontrols: boolean;
-    selected: string[];
+    selected: string | string[];
     earliest: string | null;
     latest: string | null;
     excludedates: Date[];
     excludeweekdays: string[];
-    currentmonth: Date;
+    currentmonth: Date | null;
     /**
      * If we are initializing props, slots and events from specs, we should do it in the constructor
      */
@@ -59,6 +59,7 @@ export declare class PktCalendar extends PktElement {
     private inRange;
     private focusedDate;
     private selectableDates;
+    private currentmonthtouched;
     /**
      * Runs on mount, used to set up various values and whatever you need to run
      */
@@ -66,7 +67,8 @@ export declare class PktCalendar extends PktElement {
     disconnectedCallback(): void;
     attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
     updated(changedProperties: PropertyValues): void;
-    protected firstUpdated(_changedProperties: PropertyValues): void;
+    convertSelected(): void;
+    setCurrentMonth(): void;
     handleKeydown(e: KeyboardEvent): void;
     handleArrowKey(e: KeyboardEvent, direction: number): void;
     /**
@@ -176,7 +178,7 @@ export declare class PktDatepicker extends PktInputElement {
     fullwidth: boolean;
     excludedates: string[];
     excludeweekdays: string[];
-    currentmonth: string;
+    currentmonth: string | null;
     calendarOpen: boolean;
     /**
      * Housekeeping / lifecycle methods

package/dist/pkt-alert.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-cmcwixge.cjs"),p=require("./ref-CRbDaFY5.cjs"),c=require("./class-map-D5yOTE4V.cjs"),k=require("./directive-19_ixLKS.cjs");require("./index-BGPEwMZQ.cjs");var h=Object.defineProperty,u=Object.getOwnPropertyDescriptor,e=(s,r,o,i)=>{for(var l=i>1?void 0:i?u(r,o):r,a=s.length-1,n;a>=0;a--)(n=s[a])&&(l=(i?n(r,o,l):n(l))||l);return i&&l&&h(r,o,l),l};exports.PktAlert=class extends t.PktElement{constructor(){super(),this.defaultSlot=p.ii(),this.closable=!1,this.compact=!1,this.title="",this.skin="info",this.isDisplayed=!0,this.ariaLive="polite",this.closeAlert=!1,this.date="",this.slotController=new p.PktSlotController(this,this.defaultSlot)}handleClose(){this.isDisplayed=!1,this.onClose&&this.onClose()}render(){const r={"pkt-alert":!0,"pkt-alert--compact":this.compact,[`pkt-alert--${this.skin}`]:this.skin,"pkt-alert--closable":this.closable};return this.isDisplayed?t.ke`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-BUZITHLd.cjs"),p=require("./ref-BdbjJbqo.cjs"),c=require("./class-map-BQ5k1q3A.cjs"),k=require("./directive-19_ixLKS.cjs");require("./index-BFqUD8HI.cjs");var h=Object.defineProperty,u=Object.getOwnPropertyDescriptor,e=(s,r,o,i)=>{for(var l=i>1?void 0:i?u(r,o):r,a=s.length-1,n;a>=0;a--)(n=s[a])&&(l=(i?n(r,o,l):n(l))||l);return i&&l&&h(r,o,l),l};exports.PktAlert=class extends t.PktElement{constructor(){super(),this.defaultSlot=p.ii(),this.closable=!1,this.compact=!1,this.title="",this.skin="info",this.isDisplayed=!0,this.ariaLive="polite",this.closeAlert=!1,this.date="",this.slotController=new p.PktSlotController(this,this.defaultSlot)}handleClose(){this.isDisplayed=!1,this.onClose&&this.onClose()}render(){const r={"pkt-alert":!0,"pkt-alert--compact":this.compact,[`pkt-alert--${this.skin}`]:this.skin,"pkt-alert--closable":this.closable};return this.isDisplayed?t.ke`
       <div class=${c.Rt(r)} aria-live=${this.ariaLive}>
         <pkt-icon
           class="pkt-alert__icon"

package/dist/pkt-alert.js

@@ -1,8 +1,8 @@
-import { P as f, D as a, k as p, n as i } from "./index-DFB6cAPd.js";
-import { i as d, P as k, K as u } from "./ref-ClWSy3zg.js";
-import { R as y } from "./class-map-CQf6i-xX.js";
+import { P as f, D as a, k as p, n as i } from "./index-m5WP1NKD.js";
+import { i as d, P as k, K as u } from "./ref-bNNrgsqL.js";
+import { R as y } from "./class-map-CL_lSLwn.js";
 import { t as v } from "./directive-DA0-wdk7.js";
-import "./index-BtB1fCeq.js";
+import "./index-exzYRW0z.js";
 var m = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, e = (l, r, n, o) => {
   for (var s = o > 1 ? void 0 : o ? _(r, n) : r, c = l.length - 1, h; c >= 0; c--)
     (h = l[c]) && (s = (o ? h(r, n, s) : h(s)) || s);

package/dist/pkt-calendar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index-cmcwixge.cjs");require("./converters-DhM11VlY.cjs");require("./directive-19_ixLKS.cjs");require("./class-map-D5yOTE4V.cjs");const e=require("./index-Bfdr5FsZ.cjs");require("./index-BGPEwMZQ.cjs");Object.defineProperty(exports,"PktCalendar",{enumerable:!0,get:()=>e.PktCalendar});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index-BUZITHLd.cjs");require("./converters-DhM11VlY.cjs");require("./directive-19_ixLKS.cjs");require("./class-map-BQ5k1q3A.cjs");const e=require("./index-Bc9mksHI.cjs");require("./index-BFqUD8HI.cjs");Object.defineProperty(exports,"PktCalendar",{enumerable:!0,get:()=>e.PktCalendar});

package/dist/pkt-calendar.js

@@ -1,9 +1,9 @@
-import "./index-DFB6cAPd.js";
+import "./index-m5WP1NKD.js";
 import "./converters-DNCwIFwr.js";
 import "./directive-DA0-wdk7.js";
-import "./class-map-CQf6i-xX.js";
-import { P as e } from "./index-erLPjF21.js";
-import "./index-BtB1fCeq.js";
+import "./class-map-CL_lSLwn.js";
+import { P as e } from "./index-DQ5xnGw6.js";
+import "./index-exzYRW0z.js";
 export {
   e as PktCalendar
 };

package/dist/pkt-card.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-cmcwixge.cjs"),d=require("./ref-CRbDaFY5.cjs"),c=require("./class-map-D5yOTE4V.cjs"),g=require("./directive-19_ixLKS.cjs");require("./index-BGPEwMZQ.cjs");require("./pkt-tag.cjs");const k="pkt-card",u=!0,h={heading:{type:"string",name:"Heading",description:"Tittel på kortet"},subheading:{type:"string",name:"Subheading",description:"Undertittel på kortet"},tags:{type:"IPktTag[]",description:"Liste av tags på kortet. Tar inn en array med IPktTag-objekter med følgende stringproperties: skin, iconName, ariaLabel, text",name:"Tags",items:{type:"object",properties:{skin:{type:["blue","green","red","yellow"],description:"Farge på tag"},iconName:{type:"string",description:"Id på ikonet du ønsker å bruke til tag"},ariaLabel:{type:"string",description:"Tekst for aria-label"},text:{type:"string",description:"Tekst på tag"}},required:["text"]}},skin:{type:["outlined","gray","blue","beige","green"],name:"Skin",description:"Farge på kortet",default:"outlined"},direction:{type:["landscape","portrait"],name:"Direction",description:"Retningen innholdet skal ligge i forhold til kortet",default:"portrait"},Image:{type:"object",image:"Image",description:"Bilde på kortet. Tar inn et objekt av typen {src: string, alt: string}. src er stien til bildet, og alt er tekst for aria-label.",items:{type:"object",properties:{src:{type:"string",description:"Bilde på kortet"},alt:{type:"string",description:"Tekst for aria-label"}},required:["src","alt"]}}},m={default:{description:"Innholdet i kortet"}},l={name:k,"css-class":"pkt-card",isElement:u,props:h,slots:m};var y=Object.defineProperty,b=Object.getOwnPropertyDescriptor,r=(n,i,s,a)=>{for(var e=a>1?void 0:a?b(i,s):i,o=n.length-1,p;o>=0;o--)(p=n[o])&&(e=(a?p(i,s,e):p(e))||e);return a&&e&&y(i,s,e),e};exports.PktCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=d.ii(),this.skin=l.props.skin.default,this.direction=l.props.direction.default,this.image={src:"",alt:""},this.heading="",this.subheading="",this.tags=[],this.slotController=new d.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback()}render(){const i={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.direction}`]:this.direction};return t.ke`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-BUZITHLd.cjs"),d=require("./ref-BdbjJbqo.cjs"),c=require("./class-map-BQ5k1q3A.cjs"),g=require("./directive-19_ixLKS.cjs");require("./index-BFqUD8HI.cjs");require("./pkt-tag.cjs");const k="pkt-card",u=!0,h={heading:{type:"string",name:"Heading",description:"Tittel på kortet"},subheading:{type:"string",name:"Subheading",description:"Undertittel på kortet"},tags:{type:"IPktTag[]",description:"Liste av tags på kortet. Tar inn en array med IPktTag-objekter med følgende stringproperties: skin, iconName, ariaLabel, text",name:"Tags",items:{type:"object",properties:{skin:{type:["blue","green","red","yellow"],description:"Farge på tag"},iconName:{type:"string",description:"Id på ikonet du ønsker å bruke til tag"},ariaLabel:{type:"string",description:"Tekst for aria-label"},text:{type:"string",description:"Tekst på tag"}},required:["text"]}},skin:{type:["outlined","gray","blue","beige","green"],name:"Skin",description:"Farge på kortet",default:"outlined"},direction:{type:["landscape","portrait"],name:"Direction",description:"Retningen innholdet skal ligge i forhold til kortet",default:"portrait"},Image:{type:"object",image:"Image",description:"Bilde på kortet. Tar inn et objekt av typen {src: string, alt: string}. src er stien til bildet, og alt er tekst for aria-label.",items:{type:"object",properties:{src:{type:"string",description:"Bilde på kortet"},alt:{type:"string",description:"Tekst for aria-label"}},required:["src","alt"]}}},m={default:{description:"Innholdet i kortet"}},l={name:k,"css-class":"pkt-card",isElement:u,props:h,slots:m};var y=Object.defineProperty,b=Object.getOwnPropertyDescriptor,r=(n,i,s,a)=>{for(var e=a>1?void 0:a?b(i,s):i,o=n.length-1,p;o>=0;o--)(p=n[o])&&(e=(a?p(i,s,e):p(e))||e);return a&&e&&y(i,s,e),e};exports.PktCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=d.ii(),this.skin=l.props.skin.default,this.direction=l.props.direction.default,this.image={src:"",alt:""},this.heading="",this.subheading="",this.tags=[],this.slotController=new d.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback()}render(){const i={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.direction}`]:this.direction};return t.ke`
       <div class=${c.Rt(i)}>
         ${this.image.src&&t.ke`
           <div class="pkt-card__image">

package/dist/pkt-card.js

@@ -1,8 +1,8 @@
-import { P as g, k as r, D as k, n as a } from "./index-DFB6cAPd.js";
-import { i as h, P as m, K as u } from "./ref-ClWSy3zg.js";
-import { R as y } from "./class-map-CQf6i-xX.js";
+import { P as g, k as r, D as k, n as a } from "./index-m5WP1NKD.js";
+import { i as h, P as m, K as u } from "./ref-bNNrgsqL.js";
+import { R as y } from "./class-map-CL_lSLwn.js";
 import { t as f } from "./directive-DA0-wdk7.js";
-import "./index-BtB1fCeq.js";
+import "./index-exzYRW0z.js";
 import "./pkt-tag.js";
 const b = "pkt-card", v = !0, $ = {
   heading: {

package/dist/pkt-component-template.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-cmcwixge.cjs"),h=require("./directive-19_ixLKS.cjs"),r=require("./ref-CRbDaFY5.cjs"),d=require("./class-map-D5yOTE4V.cjs"),c=require("./converters-DhM11VlY.cjs");var u=Object.defineProperty,m=Object.getOwnPropertyDescriptor,o=(l,t,s,i)=>{for(var n=i>1?void 0:i?m(t,s):t,a=l.length-1,p;a>=0;a--)(p=l[a])&&(n=(i?p(t,s,n):p(n))||n);return i&&n&&u(t,s,n),n};exports.PktComponent=class extends e.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=r.ii(),this.namedSlot=r.ii(),this.slotController=new r.PktSlotController(this,this.defaultSlot,this.namedSlot)}connectedCallback(){this.strings.length&&this.strings.forEach(t=>{this._list.push(t.toUpperCase())}),super.connectedCallback()}render(){const t={"pkt-component":!0,"pkt-component--has-list":this.strings.length>0,"pkt-darkmode":this.darkmode};return e.ke`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BUZITHLd.cjs"),h=require("./directive-19_ixLKS.cjs"),r=require("./ref-BdbjJbqo.cjs"),d=require("./class-map-BQ5k1q3A.cjs"),c=require("./converters-DhM11VlY.cjs");var u=Object.defineProperty,m=Object.getOwnPropertyDescriptor,o=(l,t,s,i)=>{for(var n=i>1?void 0:i?m(t,s):t,a=l.length-1,p;a>=0;a--)(p=l[a])&&(n=(i?p(t,s,n):p(n))||n);return i&&n&&u(t,s,n),n};exports.PktComponent=class extends e.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=r.ii(),this.namedSlot=r.ii(),this.slotController=new r.PktSlotController(this,this.defaultSlot,this.namedSlot)}connectedCallback(){this.strings.length&&this.strings.forEach(t=>{this._list.push(t.toUpperCase())}),super.connectedCallback()}render(){const t={"pkt-component":!0,"pkt-component--has-list":this.strings.length>0,"pkt-darkmode":this.darkmode};return e.ke`
       <div class="${d.Rt(t)}">
         <h1 class="pkt-txt-28">${this.string}</h1>
 

package/dist/pkt-component-template.js

@@ -1,7 +1,7 @@
-import { P as m, k as h, t as u, n } from "./index-DFB6cAPd.js";
+import { P as m, k as h, t as u, n } from "./index-m5WP1NKD.js";
 import { t as f } from "./directive-DA0-wdk7.js";
-import { i as d, P as v, K as c } from "./ref-ClWSy3zg.js";
-import { R as g } from "./class-map-CQf6i-xX.js";
+import { i as d, P as v, K as c } from "./ref-bNNrgsqL.js";
+import { R as g } from "./class-map-CL_lSLwn.js";
 import { c as k } from "./converters-DNCwIFwr.js";
 var S = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, i = (t, e, l, o) => {
   for (var s = o > 1 ? void 0 : o ? $(e, l) : e, a = t.length - 1, p; a >= 0; a--)