@oslokommune/punkt-elements 12.6.7 → 12.6.9

package/dist/pkt-datepicker.js

@@ -1,63 +1,63 @@
-import { T as K, a as z, x as M, E as N, n as y } from "./index-CF6_-ZoF.js";
-import { e as Z, i as tt, a as et, t as nt } from "./directive-Cxhakbpr.js";
-import { p as at, v as O, r as S, M as Y, m as rt, e as C, n as P } from "./ref-rfvuMlT1.js";
+import { T as K, a as z, x as M, E as B, n as g } from "./index-CF6_-ZoF.js";
+import { e as Z, i as ee, a as te, t as ne } from "./directive-Cxhakbpr.js";
+import { p as ae, v as O, r as S, M as Y, m as re, e as C, n as P } from "./ref-rfvuMlT1.js";
 import { e as R } from "./class-map-luGhSuLj.js";
 import { a as G } from "./converters-DNCwIFwr.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-BkXggpNp.js";
+import { s as ie, t as k, c as _, m as se, a as oe, g as ue, b as le, d as de } from "./index-BkXggpNp.js";
 import "./pkt-input-wrapper.js";
 import "./index-B-KXmo65.js";
 import "./pkt-tag.js";
-function I(t) {
-  return it(t, { weekStartsOn: 1 });
+function I(e) {
+  return ie(e, { weekStartsOn: 1 });
 }
-function U(t) {
-  const e = k(t), n = e.getFullYear(), a = _(t, 0);
+function U(e) {
+  const t = k(e), n = t.getFullYear(), a = _(e, 0);
   a.setFullYear(n + 1, 0, 4), a.setHours(0, 0, 0, 0);
-  const r = I(a), i = _(t, 0);
+  const r = I(a), i = _(e, 0);
   i.setFullYear(n, 0, 4), i.setHours(0, 0, 0, 0);
   const s = I(i);
-  return e.getTime() >= r.getTime() ? n + 1 : e.getTime() >= s.getTime() ? n : n - 1;
+  return t.getTime() >= r.getTime() ? n + 1 : t.getTime() >= s.getTime() ? n : n - 1;
 }
-function B(t) {
-  const e = k(t);
-  return e.setHours(0, 0, 0, 0), e;
+function N(e) {
+  const t = k(e);
+  return t.setHours(0, 0, 0, 0), t;
 }
-function V(t) {
-  const e = k(t), n = new Date(
+function V(e) {
+  const t = k(e), n = new Date(
     Date.UTC(
-      e.getFullYear(),
-      e.getMonth(),
-      e.getDate(),
-      e.getHours(),
-      e.getMinutes(),
-      e.getSeconds(),
-      e.getMilliseconds()
+      t.getFullYear(),
+      t.getMonth(),
+      t.getDate(),
+      t.getHours(),
+      t.getMinutes(),
+      t.getSeconds(),
+      t.getMilliseconds()
     )
   );
-  return n.setUTCFullYear(e.getFullYear()), +t - +n;
+  return n.setUTCFullYear(t.getFullYear()), +e - +n;
 }
-function ct(t, e) {
-  const n = B(t), a = B(e), r = +n - V(n), i = +a - V(a);
-  return Math.round((r - i) / st);
+function ce(e, t) {
+  const n = N(e), a = N(t), r = +n - V(n), i = +a - V(a);
+  return Math.round((r - i) / se);
 }
-function ht(t) {
-  const e = U(t), n = _(t, 0);
-  return n.setFullYear(e, 0, 4), n.setHours(0, 0, 0, 0), I(n);
+function he(e) {
+  const t = U(e), n = _(e, 0);
+  return n.setFullYear(t, 0, 4), n.setHours(0, 0, 0, 0), I(n);
 }
-function ft(t) {
-  return t instanceof Date || typeof t == "object" && Object.prototype.toString.call(t) === "[object Date]";
+function fe(e) {
+  return e instanceof Date || typeof e == "object" && Object.prototype.toString.call(e) === "[object Date]";
 }
-function mt(t) {
-  if (!ft(t) && typeof t != "number")
+function me(e) {
+  if (!fe(e) && typeof e != "number")
     return !1;
-  const e = k(t);
-  return !isNaN(Number(e));
+  const t = k(e);
+  return !isNaN(Number(t));
 }
-function pt(t) {
-  const e = k(t), n = _(t, 0);
-  return n.setFullYear(e.getFullYear(), 0, 1), n.setHours(0, 0, 0, 0), n;
+function pe(e) {
+  const t = k(e), n = _(e, 0);
+  return n.setFullYear(t.getFullYear(), 0, 1), n.setHours(0, 0, 0, 0), n;
 }
-const gt = {
+const ge = {
   lessThanXSeconds: {
     one: "less than a second",
     other: "less than {{count}} seconds"
@@ -119,77 +119,77 @@ const gt = {
     one: "almost 1 year",
     other: "almost {{count}} years"
   }
-}, yt = (t, e, n) => {
+}, ye = (e, t, n) => {
   let a;
-  const r = gt[t];
-  return typeof r == "string" ? a = r : e === 1 ? a = r.one : a = r.other.replace("{{count}}", e.toString()), n != null && n.addSuffix ? n.comparison && n.comparison > 0 ? "in " + a : a + " ago" : a;
+  const r = ge[e];
+  return typeof r == "string" ? a = r : t === 1 ? a = r.one : a = r.other.replace("{{count}}", t.toString()), n != null && n.addSuffix ? n.comparison && n.comparison > 0 ? "in " + a : a + " ago" : a;
 };
-function F(t) {
-  return (e = {}) => {
-    const n = e.width ? String(e.width) : t.defaultWidth;
-    return t.formats[n] || t.formats[t.defaultWidth];
+function F(e) {
+  return (t = {}) => {
+    const n = t.width ? String(t.width) : e.defaultWidth;
+    return e.formats[n] || e.formats[e.defaultWidth];
   };
 }
-const vt = {
+const ve = {
   full: "EEEE, MMMM do, y",
   long: "MMMM do, y",
   medium: "MMM d, y",
   short: "MM/dd/yyyy"
-}, wt = {
+}, we = {
   full: "h:mm:ss a zzzz",
   long: "h:mm:ss a z",
   medium: "h:mm:ss a",
   short: "h:mm a"
-}, bt = {
+}, be = {
   full: "{{date}} 'at' {{time}}",
   long: "{{date}} 'at' {{time}}",
   medium: "{{date}}, {{time}}",
   short: "{{date}}, {{time}}"
-}, kt = {
+}, ke = {
   date: F({
-    formats: vt,
+    formats: ve,
     defaultWidth: "full"
   }),
   time: F({
-    formats: wt,
+    formats: we,
     defaultWidth: "full"
   }),
   dateTime: F({
-    formats: bt,
+    formats: be,
     defaultWidth: "full"
   })
-}, xt = {
+}, xe = {
   lastWeek: "'last' eeee 'at' p",
   yesterday: "'yesterday at' p",
   today: "'today at' p",
   tomorrow: "'tomorrow at' p",
   nextWeek: "eeee 'at' p",
   other: "P"
-}, $t = (t, e, n, a) => xt[t];
-function E(t) {
-  return (e, n) => {
+}, $e = (e, t, n, a) => xe[e];
+function W(e) {
+  return (t, n) => {
     const a = n != null && n.context ? String(n.context) : "standalone";
     let r;
-    if (a === "formatting" && t.formattingValues) {
-      const s = t.defaultFormattingWidth || t.defaultWidth, d = n != null && n.width ? String(n.width) : s;
-      r = t.formattingValues[d] || t.formattingValues[s];
+    if (a === "formatting" && e.formattingValues) {
+      const s = e.defaultFormattingWidth || e.defaultWidth, d = n != null && n.width ? String(n.width) : s;
+      r = e.formattingValues[d] || e.formattingValues[s];
     } else {
-      const s = t.defaultWidth, d = n != null && n.width ? String(n.width) : t.defaultWidth;
-      r = t.values[d] || t.values[s];
+      const s = e.defaultWidth, d = n != null && n.width ? String(n.width) : e.defaultWidth;
+      r = e.values[d] || e.values[s];
     }
-    const i = t.argumentCallback ? t.argumentCallback(e) : e;
+    const i = e.argumentCallback ? e.argumentCallback(t) : t;
     return r[i];
   };
 }
-const Mt = {
+const Me = {
   narrow: ["B", "A"],
   abbreviated: ["BC", "AD"],
   wide: ["Before Christ", "Anno Domini"]
-}, Ot = {
+}, Oe = {
   narrow: ["1", "2", "3", "4"],
   abbreviated: ["Q1", "Q2", "Q3", "Q4"],
   wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
-}, Pt = {
+}, Pe = {
   narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
   abbreviated: [
     "Jan",
@@ -219,7 +219,7 @@ const Mt = {
     "November",
     "December"
   ]
-}, Tt = {
+}, Te = {
   narrow: ["S", "M", "T", "W", "T", "F", "S"],
   short: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
   abbreviated: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
@@ -232,7 +232,7 @@ const Mt = {
     "Friday",
     "Saturday"
   ]
-}, Dt = {
+}, De = {
   narrow: {
     am: "a",
     pm: "p",
@@ -263,7 +263,7 @@ const Mt = {
     evening: "evening",
     night: "night"
   }
-}, St = {
+}, Se = {
   narrow: {
     am: "a",
     pm: "p",
@@ -294,8 +294,8 @@ const Mt = {
     evening: "in the evening",
     night: "at night"
   }
-}, Ct = (t, e) => {
-  const n = Number(t), a = n % 100;
+}, Ce = (e, t) => {
+  const n = Number(e), a = n % 100;
   if (a > 20 || a < 10)
     switch (a % 10) {
       case 1:
@@ -306,89 +306,89 @@ const Mt = {
         return n + "rd";
     }
   return n + "th";
-}, Rt = {
-  ordinalNumber: Ct,
-  era: E({
-    values: Mt,
+}, Re = {
+  ordinalNumber: Ce,
+  era: W({
+    values: Me,
     defaultWidth: "wide"
   }),
-  quarter: E({
-    values: Ot,
+  quarter: W({
+    values: Oe,
     defaultWidth: "wide",
-    argumentCallback: (t) => t - 1
+    argumentCallback: (e) => e - 1
   }),
-  month: E({
-    values: Pt,
+  month: W({
+    values: Pe,
     defaultWidth: "wide"
   }),
-  day: E({
-    values: Tt,
+  day: W({
+    values: Te,
     defaultWidth: "wide"
   }),
-  dayPeriod: E({
-    values: Dt,
+  dayPeriod: W({
+    values: De,
     defaultWidth: "wide",
-    formattingValues: St,
+    formattingValues: Se,
     defaultFormattingWidth: "wide"
   })
 };
-function W(t) {
-  return (e, n = {}) => {
-    const a = n.width, r = a && t.matchPatterns[a] || t.matchPatterns[t.defaultMatchWidth], i = e.match(r);
+function E(e) {
+  return (t, n = {}) => {
+    const a = n.width, r = a && e.matchPatterns[a] || e.matchPatterns[e.defaultMatchWidth], i = t.match(r);
     if (!i)
       return null;
-    const s = i[0], d = a && t.parsePatterns[a] || t.parsePatterns[t.defaultParseWidth], g = Array.isArray(d) ? Wt(d, (l) => l.test(s)) : (
+    const s = i[0], d = a && e.parsePatterns[a] || e.parsePatterns[e.defaultParseWidth], y = Array.isArray(d) ? Ee(d, (l) => l.test(s)) : (
       // eslint-disable-next-line @typescript-eslint/no-explicit-any -- I challange you to fix the type
-      Et(d, (l) => l.test(s))
+      We(d, (l) => l.test(s))
     );
     let v;
-    v = t.valueCallback ? t.valueCallback(g) : g, v = n.valueCallback ? (
+    v = e.valueCallback ? e.valueCallback(y) : y, v = n.valueCallback ? (
       // eslint-disable-next-line @typescript-eslint/no-explicit-any -- I challange you to fix the type
       n.valueCallback(v)
     ) : v;
-    const x = e.slice(s.length);
+    const x = t.slice(s.length);
     return { value: v, rest: x };
   };
 }
-function Et(t, e) {
-  for (const n in t)
-    if (Object.prototype.hasOwnProperty.call(t, n) && e(t[n]))
+function We(e, t) {
+  for (const n in e)
+    if (Object.prototype.hasOwnProperty.call(e, n) && t(e[n]))
       return n;
 }
-function Wt(t, e) {
-  for (let n = 0; n < t.length; n++)
-    if (e(t[n]))
+function Ee(e, t) {
+  for (let n = 0; n < e.length; n++)
+    if (t(e[n]))
       return n;
 }
-function _t(t) {
-  return (e, n = {}) => {
-    const a = e.match(t.matchPattern);
+function _e(e) {
+  return (t, n = {}) => {
+    const a = t.match(e.matchPattern);
     if (!a) return null;
-    const r = a[0], i = e.match(t.parsePattern);
+    const r = a[0], i = t.match(e.parsePattern);
     if (!i) return null;
-    let s = t.valueCallback ? t.valueCallback(i[0]) : i[0];
+    let s = e.valueCallback ? e.valueCallback(i[0]) : i[0];
     s = n.valueCallback ? n.valueCallback(s) : s;
-    const d = e.slice(r.length);
+    const d = t.slice(r.length);
     return { value: s, rest: d };
   };
 }
-const It = /^(\d+)(th|st|nd|rd)?/i, Yt = /\d+/i, Ft = {
+const Ie = /^(\d+)(th|st|nd|rd)?/i, Ye = /\d+/i, Fe = {
   narrow: /^(b|a)/i,
   abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
   wide: /^(before christ|before common era|anno domini|common era)/i
-}, qt = {
+}, qe = {
   any: [/^b/i, /^(a|c)/i]
-}, Nt = {
+}, Be = {
   narrow: /^[1234]/i,
   abbreviated: /^q[1234]/i,
   wide: /^[1234](th|st|nd|rd)? quarter/i
-}, Bt = {
+}, Ne = {
   any: [/1/i, /2/i, /3/i, /4/i]
-}, Vt = {
+}, Ve = {
   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
-}, jt = {
+}, je = {
   narrow: [
     /^j/i,
     /^f/i,
@@ -417,18 +417,18 @@ const It = /^(\d+)(th|st|nd|rd)?/i, Yt = /\d+/i, Ft = {
     /^n/i,
     /^d/i
   ]
-}, Ht = {
+}, He = {
   narrow: /^[smtwf]/i,
   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
-}, At = {
+}, Ae = {
   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 = {
+}, Le = {
   narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
   any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i
-}, Qt = {
+}, Qe = {
   any: {
     am: /^a/i,
     pm: /^p/i,
@@ -439,86 +439,86 @@ const It = /^(\d+)(th|st|nd|rd)?/i, Yt = /\d+/i, Ft = {
     evening: /evening/i,
     night: /night/i
   }
-}, Xt = {
-  ordinalNumber: _t({
-    matchPattern: It,
-    parsePattern: Yt,
-    valueCallback: (t) => parseInt(t, 10)
+}, Xe = {
+  ordinalNumber: _e({
+    matchPattern: Ie,
+    parsePattern: Ye,
+    valueCallback: (e) => parseInt(e, 10)
   }),
-  era: W({
-    matchPatterns: Ft,
+  era: E({
+    matchPatterns: Fe,
     defaultMatchWidth: "wide",
-    parsePatterns: qt,
+    parsePatterns: qe,
     defaultParseWidth: "any"
   }),
-  quarter: W({
-    matchPatterns: Nt,
+  quarter: E({
+    matchPatterns: Be,
     defaultMatchWidth: "wide",
-    parsePatterns: Bt,
+    parsePatterns: Ne,
     defaultParseWidth: "any",
-    valueCallback: (t) => t + 1
+    valueCallback: (e) => e + 1
   }),
-  month: W({
-    matchPatterns: Vt,
+  month: E({
+    matchPatterns: Ve,
     defaultMatchWidth: "wide",
-    parsePatterns: jt,
+    parsePatterns: je,
     defaultParseWidth: "any"
   }),
-  day: W({
-    matchPatterns: Ht,
+  day: E({
+    matchPatterns: He,
     defaultMatchWidth: "wide",
-    parsePatterns: At,
+    parsePatterns: Ae,
     defaultParseWidth: "any"
   }),
-  dayPeriod: W({
-    matchPatterns: Lt,
+  dayPeriod: E({
+    matchPatterns: Le,
     defaultMatchWidth: "any",
-    parsePatterns: Qt,
+    parsePatterns: Qe,
     defaultParseWidth: "any"
   })
-}, Gt = {
+}, Ge = {
   code: "en-US",
-  formatDistance: yt,
-  formatLong: kt,
-  formatRelative: $t,
-  localize: Rt,
-  match: Xt,
+  formatDistance: ye,
+  formatLong: ke,
+  formatRelative: $e,
+  localize: Re,
+  match: Xe,
   options: {
     weekStartsOn: 0,
     firstWeekContainsDate: 1
   }
 };
-function Ut(t) {
-  const e = k(t);
-  return ct(e, pt(e)) + 1;
+function Ue(e) {
+  const t = k(e);
+  return ce(t, pe(t)) + 1;
 }
-function Jt(t) {
-  const e = k(t), n = +I(e) - +ht(e);
-  return Math.round(n / ot) + 1;
+function Je(e) {
+  const t = k(e), n = +I(t) - +he(t);
+  return Math.round(n / oe) + 1;
 }
-function o(t, e) {
-  const n = t < 0 ? "-" : "", a = Math.abs(t).toString().padStart(e, "0");
+function o(e, t) {
+  const n = e < 0 ? "-" : "", a = Math.abs(e).toString().padStart(t, "0");
   return n + a;
 }
 const b = {
   // Year
-  y(t, e) {
-    const n = t.getFullYear(), a = n > 0 ? n : 1 - n;
-    return o(e === "yy" ? a % 100 : a, e.length);
+  y(e, t) {
+    const n = e.getFullYear(), a = n > 0 ? n : 1 - n;
+    return o(t === "yy" ? a % 100 : a, t.length);
   },
   // Month
-  M(t, e) {
-    const n = t.getMonth();
-    return e === "M" ? String(n + 1) : o(n + 1, 2);
+  M(e, t) {
+    const n = e.getMonth();
+    return t === "M" ? String(n + 1) : o(n + 1, 2);
   },
   // Day of the month
-  d(t, e) {
-    return o(t.getDate(), e.length);
+  d(e, t) {
+    return o(e.getDate(), t.length);
   },
   // AM or PM
-  a(t, e) {
-    const n = t.getHours() / 12 >= 1 ? "pm" : "am";
-    switch (e) {
+  a(e, t) {
+    const n = e.getHours() / 12 >= 1 ? "pm" : "am";
+    switch (t) {
       case "a":
       case "aa":
         return n.toUpperCase();
@@ -532,27 +532,27 @@ const b = {
     }
   },
   // Hour [1-12]
-  h(t, e) {
-    return o(t.getHours() % 12 || 12, e.length);
+  h(e, t) {
+    return o(e.getHours() % 12 || 12, t.length);
   },
   // Hour [0-23]
-  H(t, e) {
-    return o(t.getHours(), e.length);
+  H(e, t) {
+    return o(e.getHours(), t.length);
   },
   // Minute
-  m(t, e) {
-    return o(t.getMinutes(), e.length);
+  m(e, t) {
+    return o(e.getMinutes(), t.length);
   },
   // Second
-  s(t, e) {
-    return o(t.getSeconds(), e.length);
+  s(e, t) {
+    return o(e.getSeconds(), t.length);
   },
   // Fraction of second
-  S(t, e) {
-    const n = e.length, a = t.getMilliseconds(), r = Math.trunc(
+  S(e, t) {
+    const n = t.length, a = e.getMilliseconds(), r = Math.trunc(
       a * Math.pow(10, n - 3)
     );
-    return o(r, e.length);
+    return o(r, t.length);
   }
 }, D = {
   am: "am",
@@ -565,9 +565,9 @@ const b = {
   night: "night"
 }, j = {
   // Era
-  G: function(t, e, n) {
-    const a = t.getFullYear() > 0 ? 1 : 0;
-    switch (e) {
+  G: function(e, t, n) {
+    const a = e.getFullYear() > 0 ? 1 : 0;
+    switch (t) {
       case "G":
       case "GG":
       case "GGG":
@@ -580,26 +580,26 @@ const b = {
     }
   },
   // Year
-  y: function(t, e, n) {
-    if (e === "yo") {
-      const a = t.getFullYear(), r = a > 0 ? a : 1 - a;
+  y: function(e, t, n) {
+    if (t === "yo") {
+      const a = e.getFullYear(), r = a > 0 ? a : 1 - a;
       return n.ordinalNumber(r, { unit: "year" });
     }
-    return b.y(t, e);
+    return b.y(e, t);
   },
   // Local week-numbering year
-  Y: function(t, e, n, a) {
-    const r = ut(t, a), i = r > 0 ? r : 1 - r;
-    if (e === "YY") {
+  Y: function(e, t, n, a) {
+    const r = ue(e, a), i = r > 0 ? r : 1 - r;
+    if (t === "YY") {
       const s = i % 100;
       return o(s, 2);
     }
-    return e === "Yo" ? n.ordinalNumber(i, { unit: "year" }) : o(i, e.length);
+    return t === "Yo" ? n.ordinalNumber(i, { unit: "year" }) : o(i, t.length);
   },
   // ISO week-numbering year
-  R: function(t, e) {
-    const n = U(t);
-    return o(n, e.length);
+  R: function(e, t) {
+    const n = U(e);
+    return o(n, t.length);
   },
   // Extended year. This is a single number designating the year of this calendar system.
   // The main difference between `y` and `u` localizers are B.C. years:
@@ -610,14 +610,14 @@ const b = {
   // | BC 2 |   2 |  -1 |
   // Also `yy` always returns the last two digits of a year,
   // while `uu` pads single digit years to 2 characters and returns other years unchanged.
-  u: function(t, e) {
-    const n = t.getFullYear();
-    return o(n, e.length);
+  u: function(e, t) {
+    const n = e.getFullYear();
+    return o(n, t.length);
   },
   // Quarter
-  Q: function(t, e, n) {
-    const a = Math.ceil((t.getMonth() + 1) / 3);
-    switch (e) {
+  Q: function(e, t, n) {
+    const a = Math.ceil((e.getMonth() + 1) / 3);
+    switch (t) {
       case "Q":
         return String(a);
       case "QQ":
@@ -643,9 +643,9 @@ const b = {
     }
   },
   // Stand-alone quarter
-  q: function(t, e, n) {
-    const a = Math.ceil((t.getMonth() + 1) / 3);
-    switch (e) {
+  q: function(e, t, n) {
+    const a = Math.ceil((e.getMonth() + 1) / 3);
+    switch (t) {
       case "q":
         return String(a);
       case "qq":
@@ -671,12 +671,12 @@ const b = {
     }
   },
   // Month
-  M: function(t, e, n) {
-    const a = t.getMonth();
-    switch (e) {
+  M: function(e, t, n) {
+    const a = e.getMonth();
+    switch (t) {
       case "M":
       case "MM":
-        return b.M(t, e);
+        return b.M(e, t);
       case "Mo":
         return n.ordinalNumber(a + 1, { unit: "month" });
       case "MMM":
@@ -695,9 +695,9 @@ const b = {
     }
   },
   // Stand-alone month
-  L: function(t, e, n) {
-    const a = t.getMonth();
-    switch (e) {
+  L: function(e, t, n) {
+    const a = e.getMonth();
+    switch (t) {
       case "L":
         return String(a + 1);
       case "LL":
@@ -720,28 +720,28 @@ const b = {
     }
   },
   // Local week of year
-  w: function(t, e, n, a) {
-    const r = lt(t, a);
-    return e === "wo" ? n.ordinalNumber(r, { unit: "week" }) : o(r, e.length);
+  w: function(e, t, n, a) {
+    const r = le(e, a);
+    return t === "wo" ? n.ordinalNumber(r, { unit: "week" }) : o(r, t.length);
   },
   // ISO week of year
-  I: function(t, e, n) {
-    const a = Jt(t);
-    return e === "Io" ? n.ordinalNumber(a, { unit: "week" }) : o(a, e.length);
+  I: function(e, t, n) {
+    const a = Je(e);
+    return t === "Io" ? n.ordinalNumber(a, { unit: "week" }) : o(a, t.length);
   },
   // Day of the month
-  d: function(t, e, n) {
-    return e === "do" ? n.ordinalNumber(t.getDate(), { unit: "date" }) : b.d(t, e);
+  d: function(e, t, n) {
+    return t === "do" ? n.ordinalNumber(e.getDate(), { unit: "date" }) : b.d(e, t);
   },
   // Day of year
-  D: function(t, e, n) {
-    const a = Ut(t);
-    return e === "Do" ? n.ordinalNumber(a, { unit: "dayOfYear" }) : o(a, e.length);
+  D: function(e, t, n) {
+    const a = Ue(e);
+    return t === "Do" ? n.ordinalNumber(a, { unit: "dayOfYear" }) : o(a, t.length);
   },
   // Day of week
-  E: function(t, e, n) {
-    const a = t.getDay();
-    switch (e) {
+  E: function(e, t, n) {
+    const a = e.getDay();
+    switch (t) {
       case "E":
       case "EE":
       case "EEE":
@@ -768,9 +768,9 @@ const b = {
     }
   },
   // Local day of week
-  e: function(t, e, n, a) {
-    const r = t.getDay(), i = (r - a.weekStartsOn + 8) % 7 || 7;
-    switch (e) {
+  e: function(e, t, n, a) {
+    const r = e.getDay(), i = (r - a.weekStartsOn + 8) % 7 || 7;
+    switch (t) {
       case "e":
         return String(i);
       case "ee":
@@ -801,13 +801,13 @@ const b = {
     }
   },
   // Stand-alone local day of week
-  c: function(t, e, n, a) {
-    const r = t.getDay(), i = (r - a.weekStartsOn + 8) % 7 || 7;
-    switch (e) {
+  c: function(e, t, n, a) {
+    const r = e.getDay(), i = (r - a.weekStartsOn + 8) % 7 || 7;
+    switch (t) {
       case "c":
         return String(i);
       case "cc":
-        return o(i, e.length);
+        return o(i, t.length);
       case "co":
         return n.ordinalNumber(i, { unit: "day" });
       case "ccc":
@@ -834,13 +834,13 @@ const b = {
     }
   },
   // ISO day of week
-  i: function(t, e, n) {
-    const a = t.getDay(), r = a === 0 ? 7 : a;
-    switch (e) {
+  i: function(e, t, n) {
+    const a = e.getDay(), r = a === 0 ? 7 : a;
+    switch (t) {
       case "i":
         return String(r);
       case "ii":
-        return o(r, e.length);
+        return o(r, t.length);
       case "io":
         return n.ordinalNumber(r, { unit: "day" });
       case "iii":
@@ -867,9 +867,9 @@ const b = {
     }
   },
   // AM or PM
-  a: function(t, e, n) {
-    const r = t.getHours() / 12 >= 1 ? "pm" : "am";
-    switch (e) {
+  a: function(e, t, n) {
+    const r = e.getHours() / 12 >= 1 ? "pm" : "am";
+    switch (t) {
       case "a":
       case "aa":
         return n.dayPeriod(r, {
@@ -895,10 +895,10 @@ const b = {
     }
   },
   // AM, PM, midnight, noon
-  b: function(t, e, n) {
-    const a = t.getHours();
+  b: function(e, t, n) {
+    const a = e.getHours();
     let r;
-    switch (a === 12 ? r = D.noon : a === 0 ? r = D.midnight : r = a / 12 >= 1 ? "pm" : "am", e) {
+    switch (a === 12 ? r = D.noon : a === 0 ? r = D.midnight : r = a / 12 >= 1 ? "pm" : "am", t) {
       case "b":
       case "bb":
         return n.dayPeriod(r, {
@@ -924,10 +924,10 @@ const b = {
     }
   },
   // in the morning, in the afternoon, in the evening, at night
-  B: function(t, e, n) {
-    const a = t.getHours();
+  B: function(e, t, n) {
+    const a = e.getHours();
     let r;
-    switch (a >= 17 ? r = D.evening : a >= 12 ? r = D.afternoon : a >= 4 ? r = D.morning : r = D.night, e) {
+    switch (a >= 17 ? r = D.evening : a >= 12 ? r = D.afternoon : a >= 4 ? r = D.morning : r = D.night, t) {
       case "B":
       case "BB":
       case "BBB":
@@ -949,45 +949,45 @@ const b = {
     }
   },
   // Hour [1-12]
-  h: function(t, e, n) {
-    if (e === "ho") {
-      let a = t.getHours() % 12;
+  h: function(e, t, n) {
+    if (t === "ho") {
+      let a = e.getHours() % 12;
       return a === 0 && (a = 12), n.ordinalNumber(a, { unit: "hour" });
     }
-    return b.h(t, e);
+    return b.h(e, t);
   },
   // Hour [0-23]
-  H: function(t, e, n) {
-    return e === "Ho" ? n.ordinalNumber(t.getHours(), { unit: "hour" }) : b.H(t, e);
+  H: function(e, t, n) {
+    return t === "Ho" ? n.ordinalNumber(e.getHours(), { unit: "hour" }) : b.H(e, t);
   },
   // Hour [0-11]
-  K: function(t, e, n) {
-    const a = t.getHours() % 12;
-    return e === "Ko" ? n.ordinalNumber(a, { unit: "hour" }) : o(a, e.length);
+  K: function(e, t, n) {
+    const a = e.getHours() % 12;
+    return t === "Ko" ? n.ordinalNumber(a, { unit: "hour" }) : o(a, t.length);
   },
   // Hour [1-24]
-  k: function(t, e, n) {
-    let a = t.getHours();
-    return a === 0 && (a = 24), e === "ko" ? n.ordinalNumber(a, { unit: "hour" }) : o(a, e.length);
+  k: function(e, t, n) {
+    let a = e.getHours();
+    return a === 0 && (a = 24), t === "ko" ? n.ordinalNumber(a, { unit: "hour" }) : o(a, t.length);
   },
   // Minute
-  m: function(t, e, n) {
-    return e === "mo" ? n.ordinalNumber(t.getMinutes(), { unit: "minute" }) : b.m(t, e);
+  m: function(e, t, n) {
+    return t === "mo" ? n.ordinalNumber(e.getMinutes(), { unit: "minute" }) : b.m(e, t);
   },
   // Second
-  s: function(t, e, n) {
-    return e === "so" ? n.ordinalNumber(t.getSeconds(), { unit: "second" }) : b.s(t, e);
+  s: function(e, t, n) {
+    return t === "so" ? n.ordinalNumber(e.getSeconds(), { unit: "second" }) : b.s(e, t);
   },
   // Fraction of second
-  S: function(t, e) {
-    return b.S(t, e);
+  S: function(e, t) {
+    return b.S(e, t);
   },
   // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
-  X: function(t, e, n) {
-    const a = t.getTimezoneOffset();
+  X: function(e, t, n) {
+    const a = e.getTimezoneOffset();
     if (a === 0)
       return "Z";
-    switch (e) {
+    switch (t) {
       case "X":
         return A(a);
       case "XXXX":
@@ -1000,9 +1000,9 @@ const b = {
     }
   },
   // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
-  x: function(t, e, n) {
-    const a = t.getTimezoneOffset();
-    switch (e) {
+  x: function(e, t, n) {
+    const a = e.getTimezoneOffset();
+    switch (t) {
       case "x":
         return A(a);
       case "xxxx":
@@ -1015,9 +1015,9 @@ const b = {
     }
   },
   // Timezone (GMT)
-  O: function(t, e, n) {
-    const a = t.getTimezoneOffset();
-    switch (e) {
+  O: function(e, t, n) {
+    const a = e.getTimezoneOffset();
+    switch (t) {
       case "O":
       case "OO":
       case "OOO":
@@ -1028,9 +1028,9 @@ const b = {
     }
   },
   // Timezone (specific non-location)
-  z: function(t, e, n) {
-    const a = t.getTimezoneOffset();
-    switch (e) {
+  z: function(e, t, n) {
+    const a = e.getTimezoneOffset();
+    switch (t) {
       case "z":
       case "zz":
       case "zzz":
@@ -1041,190 +1041,190 @@ const b = {
     }
   },
   // Seconds timestamp
-  t: function(t, e, n) {
-    const a = Math.trunc(t.getTime() / 1e3);
-    return o(a, e.length);
+  t: function(e, t, n) {
+    const a = Math.trunc(e.getTime() / 1e3);
+    return o(a, t.length);
   },
   // Milliseconds timestamp
-  T: function(t, e, n) {
-    const a = t.getTime();
-    return o(a, e.length);
+  T: function(e, t, n) {
+    const a = e.getTime();
+    return o(a, t.length);
   }
 };
-function H(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 H(e, t = "") {
+  const n = e > 0 ? "-" : "+", a = Math.abs(e), r = Math.trunc(a / 60), i = a % 60;
+  return i === 0 ? n + String(r) : n + String(r) + t + o(i, 2);
 }
-function A(t, e) {
-  return t % 60 === 0 ? (t > 0 ? "-" : "+") + o(Math.abs(t) / 60, 2) : T(t, e);
+function A(e, t) {
+  return e % 60 === 0 ? (e > 0 ? "-" : "+") + o(Math.abs(e) / 60, 2) : T(e, t);
 }
-function T(t, e = "") {
-  const n = t > 0 ? "-" : "+", a = Math.abs(t), r = o(Math.trunc(a / 60), 2), i = o(a % 60, 2);
-  return n + r + e + i;
+function T(e, t = "") {
+  const n = e > 0 ? "-" : "+", a = Math.abs(e), r = o(Math.trunc(a / 60), 2), i = o(a % 60, 2);
+  return n + r + t + i;
 }
-const L = (t, e) => {
-  switch (t) {
+const L = (e, t) => {
+  switch (e) {
     case "P":
-      return e.date({ width: "short" });
+      return t.date({ width: "short" });
     case "PP":
-      return e.date({ width: "medium" });
+      return t.date({ width: "medium" });
     case "PPP":
-      return e.date({ width: "long" });
+      return t.date({ width: "long" });
     case "PPPP":
     default:
-      return e.date({ width: "full" });
+      return t.date({ width: "full" });
   }
-}, J = (t, e) => {
-  switch (t) {
+}, J = (e, t) => {
+  switch (e) {
     case "p":
-      return e.time({ width: "short" });
+      return t.time({ width: "short" });
     case "pp":
-      return e.time({ width: "medium" });
+      return t.time({ width: "medium" });
     case "ppp":
-      return e.time({ width: "long" });
+      return t.time({ width: "long" });
     case "pppp":
     default:
-      return e.time({ width: "full" });
+      return t.time({ width: "full" });
   }
-}, Kt = (t, e) => {
-  const n = t.match(/(P+)(p+)?/) || [], a = n[1], r = n[2];
+}, Ke = (e, t) => {
+  const n = e.match(/(P+)(p+)?/) || [], a = n[1], r = n[2];
   if (!r)
-    return L(t, e);
+    return L(e, t);
   let i;
   switch (a) {
     case "P":
-      i = e.dateTime({ width: "short" });
+      i = t.dateTime({ width: "short" });
       break;
     case "PP":
-      i = e.dateTime({ width: "medium" });
+      i = t.dateTime({ width: "medium" });
       break;
     case "PPP":
-      i = e.dateTime({ width: "long" });
+      i = t.dateTime({ width: "long" });
       break;
     case "PPPP":
     default:
-      i = e.dateTime({ width: "full" });
+      i = t.dateTime({ width: "full" });
       break;
   }
-  return i.replace("{{date}}", L(a, e)).replace("{{time}}", J(r, e));
-}, zt = {
+  return i.replace("{{date}}", L(a, t)).replace("{{time}}", J(r, t));
+}, ze = {
   p: J,
-  P: Kt
-}, Zt = /^D+$/, te = /^Y+$/, ee = ["D", "DD", "YY", "YYYY"];
-function ne(t) {
-  return Zt.test(t);
+  P: Ke
+}, Ze = /^D+$/, et = /^Y+$/, tt = ["D", "DD", "YY", "YYYY"];
+function nt(e) {
+  return Ze.test(e);
 }
-function ae(t) {
-  return te.test(t);
+function at(e) {
+  return et.test(e);
 }
-function re(t, e, n) {
-  const a = ie(t, e, n);
-  if (console.warn(a), ee.includes(t)) throw new RangeError(a);
+function rt(e, t, n) {
+  const a = it(e, t, n);
+  if (console.warn(a), tt.includes(e)) throw new RangeError(a);
 }
-function ie(t, e, n) {
-  const a = t[0] === "Y" ? "years" : "days of the month";
-  return `Use \`${t.toLowerCase()}\` instead of \`${t}\` (in \`${e}\`) for formatting ${a} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`;
+function it(e, t, n) {
+  const a = e[0] === "Y" ? "years" : "days of the month";
+  return `Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${a} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`;
 }
-const se = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, oe = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, ue = /^'([^]*?)'?$/, le = /''/g, de = /[a-zA-Z]/;
-function ce(t, e, n) {
-  var x, l, m, h;
-  const a = dt(), r = a.locale ?? Gt, i = a.firstWeekContainsDate ?? ((l = (x = a.locale) == null ? void 0 : x.options) == null ? void 0 : l.firstWeekContainsDate) ?? 1, s = a.weekStartsOn ?? ((h = (m = a.locale) == null ? void 0 : m.options) == null ? void 0 : h.weekStartsOn) ?? 0, d = k(t);
-  if (!mt(d))
+const st = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, ot = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, ut = /^'([^]*?)'?$/, lt = /''/g, dt = /[a-zA-Z]/;
+function ct(e, t, n) {
+  var x, l, p, h;
+  const a = de(), r = a.locale ?? Ge, i = a.firstWeekContainsDate ?? ((l = (x = a.locale) == null ? void 0 : x.options) == null ? void 0 : l.firstWeekContainsDate) ?? 1, s = a.weekStartsOn ?? ((h = (p = a.locale) == null ? void 0 : p.options) == null ? void 0 : h.weekStartsOn) ?? 0, d = k(e);
+  if (!me(d))
     throw new RangeError("Invalid time value");
-  let g = e.match(oe).map((u) => {
+  let y = t.match(ot).map((u) => {
     const c = u[0];
     if (c === "p" || c === "P") {
-      const $ = zt[c];
+      const $ = ze[c];
       return $(u, r.formatLong);
     }
     return u;
-  }).join("").match(se).map((u) => {
+  }).join("").match(st).map((u) => {
     if (u === "''")
       return { isToken: !1, value: "'" };
     const c = u[0];
     if (c === "'")
-      return { isToken: !1, value: he(u) };
+      return { isToken: !1, value: ht(u) };
     if (j[c])
       return { isToken: !0, value: u };
-    if (c.match(de))
+    if (c.match(dt))
       throw new RangeError(
         "Format string contains an unescaped latin alphabet character `" + c + "`"
       );
     return { isToken: !1, value: u };
   });
-  r.localize.preprocessor && (g = r.localize.preprocessor(d, g));
+  r.localize.preprocessor && (y = r.localize.preprocessor(d, y));
   const v = {
     firstWeekContainsDate: i,
     weekStartsOn: s,
     locale: r
   };
-  return g.map((u) => {
+  return y.map((u) => {
     if (!u.isToken) return u.value;
     const c = u.value;
-    (ae(c) || ne(c)) && re(c, e, String(t));
+    (at(c) || nt(c)) && rt(c, t, String(e));
     const $ = j[c[0]];
     return $(d, c, r.localize, v);
   }).join("");
 }
-function he(t) {
-  const e = t.match(ue);
-  return e ? e[1].replace(le, "'") : t;
+function ht(e) {
+  const t = e.match(ut);
+  return t ? t[1].replace(lt, "'") : e;
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Q = (t, e, n) => {
+const Q = (e, t, n) => {
   const a = /* @__PURE__ */ new Map();
-  for (let r = e; r <= n; r++) a.set(t[r], r);
+  for (let r = t; r <= n; r++) a.set(e[r], r);
   return a;
-}, fe = Z(class extends tt {
-  constructor(t) {
-    if (super(t), t.type !== et.CHILD) throw Error("repeat() can only be used in text expressions");
+}, ft = Z(class extends ee {
+  constructor(e) {
+    if (super(e), e.type !== te.CHILD) throw Error("repeat() can only be used in text expressions");
   }
-  dt(t, e, n) {
+  dt(e, t, n) {
     let a;
-    n === void 0 ? n = e : e !== void 0 && (a = e);
+    n === void 0 ? n = t : t !== void 0 && (a = t);
     const r = [], i = [];
     let s = 0;
-    for (const d of t) r[s] = a ? a(d, s) : s, i[s] = n(d, s), s++;
+    for (const d of e) r[s] = a ? a(d, s) : s, i[s] = n(d, s), s++;
     return { values: i, keys: r };
   }
-  render(t, e, n) {
-    return this.dt(t, e, n).values;
+  render(e, t, n) {
+    return this.dt(e, t, n).values;
   }
-  update(t, [e, n, a]) {
-    const r = at(t), { values: i, keys: s } = this.dt(e, n, a);
+  update(e, [t, n, a]) {
+    const r = ae(e), { values: i, keys: s } = this.dt(t, n, a);
     if (!Array.isArray(r)) return this.ut = s, i;
-    const d = this.ut ?? (this.ut = []), g = [];
-    let v, x, l = 0, m = r.length - 1, h = 0, u = i.length - 1;
-    for (; l <= m && h <= u; ) if (r[l] === null) l++;
-    else if (r[m] === null) m--;
-    else if (d[l] === s[h]) g[h] = O(r[l], i[h]), l++, h++;
-    else if (d[m] === s[u]) g[u] = O(r[m], i[u]), m--, u--;
-    else if (d[l] === s[u]) g[u] = O(r[l], i[u]), S(t, g[u + 1], r[l]), l++, u--;
-    else if (d[m] === s[h]) g[h] = O(r[m], i[h]), S(t, r[l], r[m]), m--, h++;
-    else if (v === void 0 && (v = Q(s, h, u), x = Q(d, l, m)), v.has(d[l])) if (v.has(d[m])) {
+    const d = this.ut ?? (this.ut = []), y = [];
+    let v, x, l = 0, p = r.length - 1, h = 0, u = i.length - 1;
+    for (; l <= p && h <= u; ) if (r[l] === null) l++;
+    else if (r[p] === null) p--;
+    else if (d[l] === s[h]) y[h] = O(r[l], i[h]), l++, h++;
+    else if (d[p] === s[u]) y[u] = O(r[p], i[u]), p--, u--;
+    else if (d[l] === s[u]) y[u] = O(r[l], i[u]), S(e, y[u + 1], r[l]), l++, u--;
+    else if (d[p] === s[h]) y[h] = O(r[p], i[h]), S(e, r[l], r[p]), p--, h++;
+    else if (v === void 0 && (v = Q(s, h, u), x = Q(d, l, p)), v.has(d[l])) if (v.has(d[p])) {
       const c = x.get(s[h]), $ = c !== void 0 ? r[c] : null;
       if ($ === null) {
-        const q = S(t, r[l]);
-        O(q, i[h]), g[h] = q;
-      } else g[h] = O($, i[h]), S(t, r[l], $), r[c] = null;
+        const q = S(e, r[l]);
+        O(q, i[h]), y[h] = q;
+      } else y[h] = O($, i[h]), S(e, r[l], $), r[c] = null;
       h++;
-    } else Y(r[m]), m--;
+    } else Y(r[p]), p--;
     else Y(r[l]), l++;
     for (; h <= u; ) {
-      const c = S(t, g[u + 1]);
-      O(c, i[h]), g[h++] = c;
+      const c = S(e, y[u + 1]);
+      O(c, i[h]), y[h++] = c;
     }
-    for (; l <= m; ) {
+    for (; l <= p; ) {
       const c = r[l++];
       c !== null && Y(c);
     }
-    return this.ut = s, rt(t, g), K;
+    return this.ut = s, re(e, y), K;
   }
-}), me = "pkt-datepicker", pe = !0, ge = {
+}), mt = "pkt-datepicker", pt = !0, gt = {
   name: {
     type: "string",
     name: "Navn",
@@ -1381,12 +1381,18 @@ const Q = (t, e, n) => {
     default: "Valgfritt",
     description: "Tekst som vises i valgfritt-merkingen"
   },
+  useWrapper: {
+    type: "boolean",
+    name: "Bruk wrapper",
+    description: "Indikerer at feltet skal ha synlig label og hjelpetekst",
+    default: !0
+  },
   id: {
     type: "string",
     name: "ID",
     description: "Unik identifikasjon for datovelgeren"
   }
-}, ye = {
+}, yt = {
   change: {
     type: "Event",
     description: "Returnerer valgt dato som streng i ISO-format"
@@ -1400,21 +1406,21 @@ const Q = (t, e, n) => {
     description: "Returnerer <code>event.detail { isOpen: true }</code> eller <code>event.detail { isOpen: false }</code> når hjelpeteksten åpnes eller lukkes"
   }
 }, w = {
-  name: me,
+  name: mt,
   "css-class": "pkt-datepicker",
-  isElement: pe,
-  props: ge,
-  events: ye
+  isElement: pt,
+  props: gt,
+  events: yt
 };
-var ve = Object.defineProperty, we = Object.getOwnPropertyDescriptor, p = (t, e, n, a) => {
-  for (var r = a > 1 ? void 0 : a ? we(e, n) : e, i = t.length - 1, s; i >= 0; i--)
-    (s = t[i]) && (r = (a ? s(e, n, r) : s(r)) || r);
-  return a && r && ve(e, n, r), r;
+var vt = Object.defineProperty, wt = Object.getOwnPropertyDescriptor, m = (e, t, n, a) => {
+  for (var r = a > 1 ? void 0 : a ? wt(t, n) : t, i = e.length - 1, s; i >= 0; i--)
+    (s = e[i]) && (r = (a ? s(t, n, r) : s(r)) || r);
+  return a && r && vt(t, n, r), r;
 };
-const X = (t) => new Promise((e) => setTimeout(e, t));
+const X = (e) => new Promise((t) => setTimeout(t, e));
 let f = class extends z {
   constructor() {
-    super(...arguments), this.value = "", this._value = this.value ? Array.isArray(this.value) ? this.value : this.value.split(",") : [], this.label = "Datovelger", this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = w.props.helptextDropdownButton.default, this.dateformat = w.props.dateformat.default, this.multiple = w.props.multiple.default, this.maxlength = w.props.maxlength.default, this.range = w.props.range.default, this.weeknumbers = w.props.weeknumbers.default, this.withcontrols = w.props.withcontrols.default, this.fullwidth = !1, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.calendarOpen = !1, this.inputRef = C(), this.inputRefTo = C(), this.btnRef = C(), this.calRef = C(), this.popupRef = C(), this.inputClasses = {
+    super(...arguments), this.value = "", this._value = this.value ? Array.isArray(this.value) ? this.value : this.value.split(",") : [], this.label = "Datovelger", this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = w.props.helptextDropdownButton.default, this.dateformat = w.props.dateformat.default, this.multiple = w.props.multiple.default, this.maxlength = w.props.maxlength.default, this.range = w.props.range.default, this.weeknumbers = w.props.weeknumbers.default, this.withcontrols = w.props.withcontrols.default, this.fullwidth = !1, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.useWrapper = !0, this.calendarOpen = !1, this.inputRef = C(), this.inputRefTo = C(), this.btnRef = C(), this.calRef = C(), this.popupRef = C(), this.inputClasses = {
       "pkt-input": !0,
       "pkt-datepicker__input": !0,
       "pkt-input--fullwidth": this.fullwidth
@@ -1423,54 +1429,54 @@ let f = class extends z {
       "pkt-btn": !0,
       "pkt-btn--icon-only": !0,
       "pkt-btn--tertiary": !0
-    }, this.fromISOToDate = (t) => {
-      if (!t)
+    }, this.fromISOToDate = (e) => {
+      if (!e)
         return null;
-      const e = new Date(t);
-      return e.setHours(12, 0, 0, 0), isNaN(e.getTime()) ? null : e;
-    }, this.fromISOtoLocal = (t) => {
-      const e = new Date(t);
-      return isNaN(e.getTime()) ? "" : ce(e, this.dateformat);
-    }, this.massageDates = (t) => {
-      const e = t.map((n) => n ?? void 0);
-      return this.multiple ? e : this.range ? e.slice(0, 2) : [e[0]];
-    }, this.addToSelected = (t) => {
-      const e = t.target, n = this.min ? new Date(this.min) : null, a = this.max ? new Date(this.max) : null, r = new Date(e.value.split(",")[0]);
-      r.setHours(12, 0, 0, 0), r && !isNaN(r.getTime()) && (!n || r >= n) && (!a || r <= a) && this.calRef.value && this.calRef.value.handleDateSelect(r), e.value = "";
+      const t = new Date(e);
+      return t.setHours(12, 0, 0, 0), isNaN(t.getTime()) ? null : t;
+    }, this.fromISOtoLocal = (e) => {
+      const t = new Date(e);
+      return isNaN(t.getTime()) ? "" : ct(t, this.dateformat);
+    }, this.massageDates = (e) => {
+      const t = e.map((n) => n ?? void 0);
+      return this.multiple ? t : this.range ? t.slice(0, 2) : [t[0]];
+    }, this.addToSelected = (e) => {
+      const t = e.target, n = this.min ? new Date(this.min) : null, a = this.max ? new Date(this.max) : null, r = new Date(t.value.split(",")[0]);
+      r.setHours(12, 0, 0, 0), r && !isNaN(r.getTime()) && (!n || r >= n) && (!a || r <= a) && this.calRef.value && this.calRef.value.handleDateSelect(r), t.value = "";
     };
   }
   /**
    * Housekeeping / lifecycle methods
    */
   async connectedCallback() {
-    super.connectedCallback(), this.isMobileSafari = /iP(ad|od|hone)/i.test(window.navigator.userAgent) && !!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/), this.inputType = this.isMobileSafari ? "text" : "date", document && document.body.addEventListener("click", (t) => {
-      var e, n;
-      (e = this.inputRef) != null && e.value && ((n = this.btnRef) != null && n.value) && !this.inputRef.value.contains(t.target) && !(this.inputRefTo.value && this.inputRefTo.value.contains(t.target)) && !this.btnRef.value.contains(t.target) && !t.target.closest(".pkt-calendar-popup") && this.calendarOpen && (this.onBlur(), this.hideCalendar());
+    super.connectedCallback(), this.isMobileSafari = /iP(ad|od|hone)/i.test(window.navigator.userAgent) && !!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/), this.inputType = this.isMobileSafari ? "text" : "date", document && document.body.addEventListener("click", (e) => {
+      var t, n;
+      (t = this.inputRef) != null && t.value && ((n = this.btnRef) != null && n.value) && !this.inputRef.value.contains(e.target) && !(this.inputRefTo.value && this.inputRefTo.value.contains(e.target)) && !this.btnRef.value.contains(e.target) && !e.target.closest(".pkt-calendar-popup") && this.calendarOpen && (this.onBlur(), this.hideCalendar());
     }), this.value.length && this._value.length === 0 && (this._value = Array.isArray(this.value) ? this.value : this.value.split(",")), this.min = this.min || w.props.min.default, this.max = this.max || w.props.max.default, typeof this.excludedates == "string" && (this.excludedates = this.excludedates.split(",")), typeof this.excludeweekdays == "string" && (this.excludeweekdays = this.excludeweekdays.split(",")), (this.multiple || this.range) && this.name && !this.name.endsWith("[]") && (this.name = this.name + "[]"), this.calendarOpen && (await X(20), this.handleCalendarPosition());
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), document && document.body.removeEventListener("click", (t) => {
-      var e, n;
-      (e = this.inputRef) != null && e.value && ((n = this.btnRef) != null && n.value) && !this.inputRef.value.contains(t.target) && !this.btnRef.value.contains(t.target) && this.hideCalendar();
+    super.disconnectedCallback(), document && document.body.removeEventListener("click", (e) => {
+      var t, n;
+      (t = this.inputRef) != null && t.value && ((n = this.btnRef) != null && n.value) && !this.inputRef.value.contains(e.target) && !this.btnRef.value.contains(e.target) && this.hideCalendar();
     });
   }
-  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);
+  attributeChangedCallback(e, t, n) {
+    e === "value" && this.valueChanged(this.value, t), e === "excludedates" && typeof this.excludedates == "string" && (this.excludedates = (n == null ? void 0 : n.split(",")) ?? []), e === "excludeweekdays" && typeof this.excludeweekdays == "string" && (this.excludeweekdays = (n == null ? void 0 : n.split(",")) ?? []), super.attributeChangedCallback(e, t, n);
   }
-  firstUpdated(t) {
-    super.firstUpdated(t);
+  firstUpdated(e) {
+    super.firstUpdated(e);
   }
-  updated(t) {
-    if (super.updated(t), t.has("value")) {
+  updated(e) {
+    if (super.updated(e), e.has("value")) {
       if (this.range && this._value.length === 1) return;
-      this.valueChanged(this.value, t.get("value"));
+      this.valueChanged(this.value, e.get("value"));
     }
   }
   /**
    * Date value manipulation
    */
-  formatISODate(t) {
-    return t.toISOString().split("T")[0];
+  formatISODate(e) {
+    return e.toISOString().split("T")[0];
   }
   renderInput() {
     return M`
@@ -1481,26 +1487,26 @@ let f = class extends z {
         .value=${this._value[0] ?? ""}
         min=${this.min}
         max=${this.max}
-        @click=${(t) => {
-      t.preventDefault(), this.showCalendar();
+        @click=${(e) => {
+      e.preventDefault(), this.showCalendar();
     }}
         ?disabled=${this.disabled}
-        @keydown=${(t) => {
-      var e;
-      (t.key === "," || t.key === "Enter") && ((e = this.inputRef.value) == null || e.blur()), (t.key === "Space" || t.key === " ") && (t.preventDefault(), this.toggleCalendar(t));
+        @keydown=${(e) => {
+      var t;
+      (e.key === "," || e.key === "Enter") && ((t = this.inputRef.value) == null || t.blur()), (e.key === "Space" || e.key === " ") && (e.preventDefault(), this.toggleCalendar(e));
     }}
-        @input=${(t) => {
-      this.onInput(), t.stopImmediatePropagation();
+        @input=${(e) => {
+      this.onInput(), e.stopImmediatePropagation();
     }}
         @focus=${() => {
       this.onFocus(), this.isMobileSafari && this.showCalendar();
     }}
-        @blur=${(t) => {
-      var e;
-      (e = this.calRef.value) != null && e.contains(t.relatedTarget) || this.onBlur(), this.manageValidity(t.target), this.value = t.target.value;
+        @blur=${(e) => {
+      var t;
+      (t = this.calRef.value) != null && t.contains(e.relatedTarget) || this.onBlur(), this.manageValidity(e.target), this.value = e.target.value;
     }}
-        @change=${(t) => {
-      t.stopImmediatePropagation();
+        @change=${(e) => {
+      e.stopImmediatePropagation();
     }}
         ${P(this.inputRef)}
       />
@@ -1516,30 +1522,30 @@ let f = class extends z {
         .value=${this._value[0] ?? ""}
         min=${this.min}
         max=${this.max}
-        @click=${(t) => {
-      t.preventDefault(), this.showCalendar();
+        @click=${(e) => {
+      e.preventDefault(), this.showCalendar();
     }}
         ?disabled=${this.disabled}
-        @keydown=${(t) => {
-      var e;
-      (t.key === "," || t.key === "Enter") && ((e = this.inputRef.value) == null || e.blur()), (t.key === "Space" || t.key === " ") && (t.preventDefault(), this.toggleCalendar(t));
+        @keydown=${(e) => {
+      var t;
+      (e.key === "," || e.key === "Enter") && ((t = this.inputRef.value) == null || t.blur()), (e.key === "Space" || e.key === " ") && (e.preventDefault(), this.toggleCalendar(e));
     }}
-        @input=${(t) => {
-      this.onInput(), t.stopImmediatePropagation();
+        @input=${(e) => {
+      this.onInput(), e.stopImmediatePropagation();
     }}
         @focus=${() => {
       this.onFocus(), this.isMobileSafari && this.showCalendar();
     }}
-        @blur=${(t) => {
-      var e, n;
-      if (t.target.value) {
-        this.manageValidity(t.target);
-        const a = this.fromISOToDate(t.target.value);
-        a && this._value[0] !== t.target.value && this._value[1] && (this.clearInputValue(), (n = (e = this.calRef) == null ? void 0 : e.value) == null || n.handleDateSelect(a));
+        @blur=${(e) => {
+      var t, n;
+      if (e.target.value) {
+        this.manageValidity(e.target);
+        const a = this.fromISOToDate(e.target.value);
+        a && this._value[0] !== e.target.value && this._value[1] && (this.clearInputValue(), (n = (t = this.calRef) == null ? void 0 : t.value) == null || n.handleDateSelect(a));
       } else this._value[0] && this.clearInputValue();
     }}
-        @change=${(t) => {
-      t.stopImmediatePropagation();
+        @change=${(e) => {
+      e.stopImmediatePropagation();
     }}
         ${P(this.inputRef)}
       />
@@ -1552,40 +1558,40 @@ let f = class extends z {
         .value=${this._value[1] ?? ""}
         min=${this.min}
         max=${this.max}
-        @click=${(t) => {
-      t.preventDefault(), this.showCalendar();
+        @click=${(e) => {
+      e.preventDefault(), this.showCalendar();
     }}
         ?disabled=${this.disabled}
-        @keydown=${(t) => {
-      var e;
-      (t.key === "," || t.key === "Enter") && ((e = this.inputRefTo.value) == null || e.blur()), (t.key === "Space" || t.key === " ") && (t.preventDefault(), this.toggleCalendar(t));
+        @keydown=${(e) => {
+      var t;
+      (e.key === "," || e.key === "Enter") && ((t = this.inputRefTo.value) == null || t.blur()), (e.key === "Space" || e.key === " ") && (e.preventDefault(), this.toggleCalendar(e));
     }}
-        @input=${(t) => {
-      this.onInput(), t.stopImmediatePropagation();
+        @input=${(e) => {
+      this.onInput(), e.stopImmediatePropagation();
     }}
         @focus=${() => {
       this.onFocus(), this.isMobileSafari && this.showCalendar();
     }}
-        @blur=${(t) => {
-      var e, n, a;
-      if ((e = this.calRef.value) != null && e.contains(t.relatedTarget) || this.onBlur(), t.target.value) {
-        this.manageValidity(t.target);
-        const r = t.target.value;
+        @blur=${(e) => {
+      var t, n, a;
+      if ((t = this.calRef.value) != null && t.contains(e.relatedTarget) || this.onBlur(), e.target.value) {
+        this.manageValidity(e.target);
+        const r = e.target.value;
         this.min && this.min > r ? this.internals.setValidity(
           { rangeUnderflow: !0 },
           this.strings.forms.messages.rangeUnderflow,
-          t.target
+          e.target
         ) : this.max && this.max < r && this.internals.setValidity(
           { rangeOverflow: !0 },
           this.strings.forms.messages.rangeOverflow,
-          t.target
+          e.target
         );
-        const i = this.fromISOToDate(t.target.value);
+        const i = this.fromISOToDate(e.target.value);
         i && this._value[1] !== this.formatISODate(i) && ((a = (n = this.calRef) == null ? void 0 : n.value) == null || a.handleDateSelect(i));
       }
     }}
-        @change=${(t) => {
-      t.stopImmediatePropagation();
+        @change=${(e) => {
+      e.stopImmediatePropagation();
     }}
         ${P(this.inputRefTo)}
       />
@@ -1599,25 +1605,25 @@ let f = class extends z {
         id="${this.id}-input"
         min=${this.min}
         max=${this.max}
-        @click=${(t) => {
-      t.preventDefault(), this.showCalendar();
+        @click=${(e) => {
+      e.preventDefault(), this.showCalendar();
     }}
-        @blur=${(t) => {
-      var e;
-      (e = this.calRef.value) != null && e.contains(t.relatedTarget) || this.onBlur(), this.addToSelected(t);
+        @blur=${(e) => {
+      var t;
+      (t = this.calRef.value) != null && t.contains(e.relatedTarget) || this.onBlur(), this.addToSelected(e);
     }}
-        @input=${(t) => {
-      this.onInput(), t.stopImmediatePropagation();
+        @input=${(e) => {
+      this.onInput(), e.stopImmediatePropagation();
     }}
         @focus=${() => {
       this.onFocus(), this.isMobileSafari && this.showCalendar();
     }}
-        @keydown=${(t) => {
-      (t.key === "," || t.key === "Enter") && (t.preventDefault(), this.addToSelected(t)), (t.key === "Space" || t.key === " ") && (t.preventDefault(), this.toggleCalendar(t));
+        @keydown=${(e) => {
+      (e.key === "," || e.key === "Enter") && (e.preventDefault(), this.addToSelected(e)), (e.key === "Space" || e.key === " ") && (e.preventDefault(), this.toggleCalendar(e));
     }}
         ?disabled=${this.disabled || this.maxlength && this._value.length >= this.maxlength}
-        @change=${(t) => {
-      t.stopImmediatePropagation();
+        @change=${(e) => {
+      e.stopImmediatePropagation();
     }}
         ${P(this.inputRef)}
       />
@@ -1626,30 +1632,30 @@ let f = class extends z {
   renderTags() {
     return M`
       <div class="pkt-datepicker__tags" aria-live="polite">
-        ${this._value[0] ? fe(
+        ${this._value[0] ? ft(
       this._value ?? [],
-      (t) => t,
-      (t) => M`
+      (e) => e,
+      (e) => M`
                 <pkt-tag
-                  .id="${this.id + t + "-tag"}"
+                  .id="${this.id + e + "-tag"}"
                   closeTag
-                  ariaLabel="${this.strings.calendar.deleteDate} ${this.fromISOtoLocal(t)}"
+                  ariaLabel="${this.strings.calendar.deleteDate} ${this.fromISOtoLocal(e)}"
                   @close=${() => {
-        var e;
-        return (e = this.calRef.value) == null ? void 0 : e.handleDateSelect(this.fromISOToDate(t));
+        var t;
+        return (t = this.calRef.value) == null ? void 0 : t.handleDateSelect(this.fromISOToDate(e));
       }}
-                  >${this.fromISOtoLocal(t)}</pkt-tag
+                  >${this.fromISOtoLocal(e)}</pkt-tag
                 >
               `
-    ) : N}
+    ) : B}
       </div>
     `;
   }
   renderCalendar() {
     return M`<div
       class="pkt-calendar-popup pkt-${this.calendarOpen ? "show" : "hide"}"
-      @focusout=${(t) => {
-      this.calendarOpen && this.handleFocusOut(t);
+      @focusout=${(e) => {
+      this.calendarOpen && this.handleFocusOut(e);
     }}
       id="${this.id}-popup"
       ${P(this.popupRef)}
@@ -1667,8 +1673,8 @@ let f = class extends z {
         .excludedates=${Array.isArray(this.excludedates) ? this.excludedates : this.excludedates.split(",")}
         .excludeweekdays=${this.excludeweekdays}
         .currentmonth=${this.currentmonth ? new Date(this.currentmonth) : null}
-        @date-selected=${(t) => {
-      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] : ""));
+        @date-selected=${(e) => {
+      this.value = !this.multiple && !this.range ? e.detail[0] : e.detail, this._value = e.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.onBlur(), this.hideCalendar();
@@ -1690,7 +1696,7 @@ let f = class extends z {
         ?required=${this.required}
         ?optionalTag=${this.optionalTag}
         ?requiredTag=${this.requiredTag}
-        ?focusPreventDefault=${!0}
+        ?useWrapper=${this.useWrapper}
         .optionalText=${this.optionalText}
         .requiredText=${this.requiredText}
         .errorMessage=${this.errorMessage}
@@ -1699,7 +1705,7 @@ let f = class extends z {
         .helptextDropdownButton=${this.helptextDropdownButton}
         class="pkt-datepicker"
       >
-        ${this.multiple ? this.renderTags() : N}
+        ${this.multiple ? this.renderTags() : B}
         <div class="pkt-datepicker__inputs ${this.range ? "pkt-input__range-inputs" : ""}">
           <div class="pkt-input__container">
             ${this.range ? this.renderRangeInput() : this.multiple ? this.renderMultipleInput() : this.renderInput()}
@@ -1723,80 +1729,83 @@ let f = class extends z {
    * Handlers
    */
   handleCalendarPosition() {
-    var t;
+    var e;
     if (this.popupRef.value && this.inputRef.value) {
-      const e = this.multiple && !!this.maxlength, n = ((t = this.inputRef.value.parentElement) == null ? void 0 : t.getBoundingClientRect()) || this.inputRef.value.getBoundingClientRect(), a = e ? n.height + 30 : n.height, r = this.popupRef.value.getBoundingClientRect().height;
-      let i = e ? "calc(100% - 30px)" : "100%";
+      const t = this.multiple && !!this.maxlength, n = ((e = this.inputRef.value.parentElement) == null ? void 0 : e.getBoundingClientRect()) || this.inputRef.value.getBoundingClientRect(), a = t ? n.height + 30 : n.height, r = this.popupRef.value.getBoundingClientRect().height;
+      let i = t ? "calc(100% - 30px)" : "100%";
       n && n.top + r > window.innerHeight && n.top - r > 0 && (i = `calc(100% - ${a}px - ${r}px)`), this.popupRef.value.style.top = i;
     }
   }
-  handleFocusOut(t) {
-    this.contains(t.target) || (this.onBlur(), this.hideCalendar());
+  handleFocusOut(e) {
+    this.contains(e.target) || (this.onBlur(), this.hideCalendar());
   }
   async showCalendar() {
-    var t;
-    this.calendarOpen = !0, await X(20), this.handleCalendarPosition(), this.isMobileSafari && ((t = this.calRef.value) == null || t.focusOnCurrentDate());
+    var e;
+    this.calendarOpen = !0, await X(20), this.handleCalendarPosition(), this.isMobileSafari && ((e = this.calRef.value) == null || e.focusOnCurrentDate());
   }
   hideCalendar() {
     this.calendarOpen = !1;
   }
-  async toggleCalendar(t) {
-    t.preventDefault(), this.calendarOpen ? this.hideCalendar() : this.showCalendar();
+  async toggleCalendar(e) {
+    e.preventDefault(), this.calendarOpen ? this.hideCalendar() : this.showCalendar();
   }
 };
-p([
-  y({ type: String, reflect: !0 })
+m([
+  g({ type: String, reflect: !0 })
 ], f.prototype, "value", 2);
-p([
-  y({ type: Array, reflect: !1 })
+m([
+  g({ type: Array, reflect: !1 })
 ], f.prototype, "_value", 2);
-p([
-  y({ type: String })
+m([
+  g({ type: String })
 ], f.prototype, "label", 2);
-p([
-  y({ type: String })
+m([
+  g({ type: String })
 ], f.prototype, "helptext", 2);
-p([
-  y({ type: String })
+m([
+  g({ type: String })
 ], f.prototype, "helptextDropdown", 2);
-p([
-  y({ type: String })
+m([
+  g({ type: String })
 ], f.prototype, "helptextDropdownButton", 2);
-p([
-  y({ type: String })
+m([
+  g({ type: String })
 ], f.prototype, "dateformat", 2);
-p([
-  y({ type: Boolean, reflect: !0 })
+m([
+  g({ type: Boolean, reflect: !0 })
 ], f.prototype, "multiple", 2);
-p([
-  y({ type: Number })
+m([
+  g({ type: Number })
 ], f.prototype, "maxlength", 2);
-p([
-  y({ type: Boolean, reflect: !0 })
+m([
+  g({ type: Boolean, reflect: !0 })
 ], f.prototype, "range", 2);
-p([
-  y({ type: Boolean })
+m([
+  g({ type: Boolean })
 ], f.prototype, "weeknumbers", 2);
-p([
-  y({ type: Boolean })
+m([
+  g({ type: Boolean })
 ], f.prototype, "withcontrols", 2);
-p([
-  y({ type: Boolean })
+m([
+  g({ type: Boolean })
 ], f.prototype, "fullwidth", 2);
-p([
-  y({ converter: G.csvToArray })
+m([
+  g({ converter: G.csvToArray })
 ], f.prototype, "excludedates", 2);
-p([
-  y({ converter: G.csvToArray })
+m([
+  g({ converter: G.csvToArray })
 ], f.prototype, "excludeweekdays", 2);
-p([
-  y({ type: String })
+m([
+  g({ type: String })
 ], f.prototype, "currentmonth", 2);
-p([
-  y({ type: Boolean, reflect: !0 })
+m([
+  g({ type: Boolean })
+], f.prototype, "useWrapper", 2);
+m([
+  g({ type: Boolean, reflect: !0 })
 ], f.prototype, "calendarOpen", 2);
-f = p([
-  nt("pkt-datepicker")
+f = m([
+  ne("pkt-datepicker")
 ], f);
 export {
   f as PktDatepicker