@oslokommune/punkt-elements 12.1.0 → 12.3.0

package/dist/pkt-datepicker.js

@@ -0,0 +1,1769 @@
+import { R as K, a as z, k as P, D as N, n as y } from "./index-BHzxfdBK.js";
+import { e as Z, i as ee, a as te, t as ne } from "./directive-DA0-wdk7.js";
+import { u as ae, c as M, a as S, p as q, d as re, i as R, K as $ } from "./ref-Co_S0Cgj.js";
+import { R as C } from "./class-map-DiT0qP3E.js";
+import { a as G } from "./converters-DNCwIFwr.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-CPvZ03uX.js";
+import "./pkt-input-wrapper.js";
+import "./index-BlHnvy7v.js";
+import "./pkt-tag.js";
+function Y(e) {
+  return ie(e, { weekStartsOn: 1 });
+}
+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 = Y(a), i = _(e, 0);
+  i.setFullYear(n, 0, 4), i.setHours(0, 0, 0, 0);
+  const s = Y(i);
+  return t.getTime() >= r.getTime() ? n + 1 : t.getTime() >= s.getTime() ? n : n - 1;
+}
+function A(e) {
+  const t = k(e);
+  return t.setHours(0, 0, 0, 0), t;
+}
+function B(e) {
+  const t = k(e), n = new Date(
+    Date.UTC(
+      t.getFullYear(),
+      t.getMonth(),
+      t.getDate(),
+      t.getHours(),
+      t.getMinutes(),
+      t.getSeconds(),
+      t.getMilliseconds()
+    )
+  );
+  return n.setUTCFullYear(t.getFullYear()), +e - +n;
+}
+function ce(e, t) {
+  const n = A(e), a = A(t), r = +n - B(n), i = +a - B(a);
+  return Math.round((r - i) / se);
+}
+function he(e) {
+  const t = U(e), n = _(e, 0);
+  return n.setFullYear(t, 0, 4), n.setHours(0, 0, 0, 0), Y(n);
+}
+function me(e) {
+  return e instanceof Date || typeof e == "object" && Object.prototype.toString.call(e) === "[object Date]";
+}
+function fe(e) {
+  if (!me(e) && typeof e != "number")
+    return !1;
+  const t = k(e);
+  return !isNaN(Number(t));
+}
+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 ge = {
+  lessThanXSeconds: {
+    one: "less than a second",
+    other: "less than {{count}} seconds"
+  },
+  xSeconds: {
+    one: "1 second",
+    other: "{{count}} seconds"
+  },
+  halfAMinute: "half a minute",
+  lessThanXMinutes: {
+    one: "less than a minute",
+    other: "less than {{count}} minutes"
+  },
+  xMinutes: {
+    one: "1 minute",
+    other: "{{count}} minutes"
+  },
+  aboutXHours: {
+    one: "about 1 hour",
+    other: "about {{count}} hours"
+  },
+  xHours: {
+    one: "1 hour",
+    other: "{{count}} hours"
+  },
+  xDays: {
+    one: "1 day",
+    other: "{{count}} days"
+  },
+  aboutXWeeks: {
+    one: "about 1 week",
+    other: "about {{count}} weeks"
+  },
+  xWeeks: {
+    one: "1 week",
+    other: "{{count}} weeks"
+  },
+  aboutXMonths: {
+    one: "about 1 month",
+    other: "about {{count}} months"
+  },
+  xMonths: {
+    one: "1 month",
+    other: "{{count}} months"
+  },
+  aboutXYears: {
+    one: "about 1 year",
+    other: "about {{count}} years"
+  },
+  xYears: {
+    one: "1 year",
+    other: "{{count}} years"
+  },
+  overXYears: {
+    one: "over 1 year",
+    other: "over {{count}} years"
+  },
+  almostXYears: {
+    one: "almost 1 year",
+    other: "almost {{count}} years"
+  }
+}, ye = (e, t, n) => {
+  let 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(e) {
+  return (t = {}) => {
+    const n = t.width ? String(t.width) : e.defaultWidth;
+    return e.formats[n] || e.formats[e.defaultWidth];
+  };
+}
+const ve = {
+  full: "EEEE, MMMM do, y",
+  long: "MMMM do, y",
+  medium: "MMM d, y",
+  short: "MM/dd/yyyy"
+}, we = {
+  full: "h:mm:ss a zzzz",
+  long: "h:mm:ss a z",
+  medium: "h:mm:ss a",
+  short: "h:mm a"
+}, be = {
+  full: "{{date}} 'at' {{time}}",
+  long: "{{date}} 'at' {{time}}",
+  medium: "{{date}}, {{time}}",
+  short: "{{date}}, {{time}}"
+}, ke = {
+  date: F({
+    formats: ve,
+    defaultWidth: "full"
+  }),
+  time: F({
+    formats: we,
+    defaultWidth: "full"
+  }),
+  dateTime: F({
+    formats: be,
+    defaultWidth: "full"
+  })
+}, xe = {
+  lastWeek: "'last' eeee 'at' p",
+  yesterday: "'yesterday at' p",
+  today: "'today at' p",
+  tomorrow: "'tomorrow at' p",
+  nextWeek: "eeee 'at' p",
+  other: "P"
+}, Oe = (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" && 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 = e.defaultWidth, d = n != null && n.width ? String(n.width) : e.defaultWidth;
+      r = e.values[d] || e.values[s];
+    }
+    const i = e.argumentCallback ? e.argumentCallback(t) : t;
+    return r[i];
+  };
+}
+const Pe = {
+  narrow: ["B", "A"],
+  abbreviated: ["BC", "AD"],
+  wide: ["Before Christ", "Anno Domini"]
+}, Me = {
+  narrow: ["1", "2", "3", "4"],
+  abbreviated: ["Q1", "Q2", "Q3", "Q4"],
+  wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
+}, $e = {
+  narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
+  abbreviated: [
+    "Jan",
+    "Feb",
+    "Mar",
+    "Apr",
+    "May",
+    "Jun",
+    "Jul",
+    "Aug",
+    "Sep",
+    "Oct",
+    "Nov",
+    "Dec"
+  ],
+  wide: [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ]
+}, De = {
+  narrow: ["S", "M", "T", "W", "T", "F", "S"],
+  short: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
+  abbreviated: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+  wide: [
+    "Sunday",
+    "Monday",
+    "Tuesday",
+    "Wednesday",
+    "Thursday",
+    "Friday",
+    "Saturday"
+  ]
+}, Te = {
+  narrow: {
+    am: "a",
+    pm: "p",
+    midnight: "mi",
+    noon: "n",
+    morning: "morning",
+    afternoon: "afternoon",
+    evening: "evening",
+    night: "night"
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "morning",
+    afternoon: "afternoon",
+    evening: "evening",
+    night: "night"
+  },
+  wide: {
+    am: "a.m.",
+    pm: "p.m.",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "morning",
+    afternoon: "afternoon",
+    evening: "evening",
+    night: "night"
+  }
+}, Se = {
+  narrow: {
+    am: "a",
+    pm: "p",
+    midnight: "mi",
+    noon: "n",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  },
+  wide: {
+    am: "a.m.",
+    pm: "p.m.",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  }
+}, Re = (e, t) => {
+  const n = Number(e), a = n % 100;
+  if (a > 20 || a < 10)
+    switch (a % 10) {
+      case 1:
+        return n + "st";
+      case 2:
+        return n + "nd";
+      case 3:
+        return n + "rd";
+    }
+  return n + "th";
+}, Ce = {
+  ordinalNumber: Re,
+  era: W({
+    values: Pe,
+    defaultWidth: "wide"
+  }),
+  quarter: W({
+    values: Me,
+    defaultWidth: "wide",
+    argumentCallback: (e) => e - 1
+  }),
+  month: W({
+    values: $e,
+    defaultWidth: "wide"
+  }),
+  day: W({
+    values: De,
+    defaultWidth: "wide"
+  }),
+  dayPeriod: W({
+    values: Te,
+    defaultWidth: "wide",
+    formattingValues: Se,
+    defaultFormattingWidth: "wide"
+  })
+};
+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 && e.parsePatterns[a] || e.parsePatterns[e.defaultParseWidth], g = 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
+      We(d, (l) => l.test(s))
+    );
+    let v;
+    v = e.valueCallback ? e.valueCallback(g) : g, 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 = t.slice(s.length);
+    return { value: v, rest: x };
+  };
+}
+function We(e, t) {
+  for (const n in e)
+    if (Object.prototype.hasOwnProperty.call(e, n) && t(e[n]))
+      return n;
+}
+function Ee(e, t) {
+  for (let n = 0; n < e.length; n++)
+    if (t(e[n]))
+      return n;
+}
+function _e(e) {
+  return (t, n = {}) => {
+    const a = t.match(e.matchPattern);
+    if (!a) return null;
+    const r = a[0], i = t.match(e.parsePattern);
+    if (!i) return null;
+    let s = e.valueCallback ? e.valueCallback(i[0]) : i[0];
+    s = n.valueCallback ? n.valueCallback(s) : s;
+    const d = t.slice(r.length);
+    return { value: s, rest: d };
+  };
+}
+const Ye = /^(\d+)(th|st|nd|rd)?/i, qe = /\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
+}, Ie = {
+  any: [/^b/i, /^(a|c)/i]
+}, Ne = {
+  narrow: /^[1234]/i,
+  abbreviated: /^q[1234]/i,
+  wide: /^[1234](th|st|nd|rd)? quarter/i
+}, Ae = {
+  any: [/1/i, /2/i, /3/i, /4/i]
+}, Be = {
+  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
+}, He = {
+  narrow: [
+    /^j/i,
+    /^f/i,
+    /^m/i,
+    /^a/i,
+    /^m/i,
+    /^j/i,
+    /^j/i,
+    /^a/i,
+    /^s/i,
+    /^o/i,
+    /^n/i,
+    /^d/i
+  ],
+  any: [
+    /^ja/i,
+    /^f/i,
+    /^mar/i,
+    /^ap/i,
+    /^may/i,
+    /^jun/i,
+    /^jul/i,
+    /^au/i,
+    /^s/i,
+    /^o/i,
+    /^n/i,
+    /^d/i
+  ]
+}, je = {
+  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
+}, Ve = {
+  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]
+}, 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
+}, Qe = {
+  any: {
+    am: /^a/i,
+    pm: /^p/i,
+    midnight: /^mi/i,
+    noon: /^no/i,
+    morning: /morning/i,
+    afternoon: /afternoon/i,
+    evening: /evening/i,
+    night: /night/i
+  }
+}, Xe = {
+  ordinalNumber: _e({
+    matchPattern: Ye,
+    parsePattern: qe,
+    valueCallback: (e) => parseInt(e, 10)
+  }),
+  era: E({
+    matchPatterns: Fe,
+    defaultMatchWidth: "wide",
+    parsePatterns: Ie,
+    defaultParseWidth: "any"
+  }),
+  quarter: E({
+    matchPatterns: Ne,
+    defaultMatchWidth: "wide",
+    parsePatterns: Ae,
+    defaultParseWidth: "any",
+    valueCallback: (e) => e + 1
+  }),
+  month: E({
+    matchPatterns: Be,
+    defaultMatchWidth: "wide",
+    parsePatterns: He,
+    defaultParseWidth: "any"
+  }),
+  day: E({
+    matchPatterns: je,
+    defaultMatchWidth: "wide",
+    parsePatterns: Ve,
+    defaultParseWidth: "any"
+  }),
+  dayPeriod: E({
+    matchPatterns: Le,
+    defaultMatchWidth: "any",
+    parsePatterns: Qe,
+    defaultParseWidth: "any"
+  })
+}, Ge = {
+  code: "en-US",
+  formatDistance: ye,
+  formatLong: ke,
+  formatRelative: Oe,
+  localize: Ce,
+  match: Xe,
+  options: {
+    weekStartsOn: 0,
+    firstWeekContainsDate: 1
+  }
+};
+function Ue(e) {
+  const t = k(e);
+  return ce(t, pe(t)) + 1;
+}
+function Je(e) {
+  const t = k(e), n = +Y(t) - +he(t);
+  return Math.round(n / oe) + 1;
+}
+function o(e, t) {
+  const n = e < 0 ? "-" : "", a = Math.abs(e).toString().padStart(t, "0");
+  return n + a;
+}
+const b = {
+  // Year
+  y(e, t) {
+    const n = e.getFullYear(), a = n > 0 ? n : 1 - n;
+    return o(t === "yy" ? a % 100 : a, t.length);
+  },
+  // Month
+  M(e, t) {
+    const n = e.getMonth();
+    return t === "M" ? String(n + 1) : o(n + 1, 2);
+  },
+  // Day of the month
+  d(e, t) {
+    return o(e.getDate(), t.length);
+  },
+  // AM or PM
+  a(e, t) {
+    const n = e.getHours() / 12 >= 1 ? "pm" : "am";
+    switch (t) {
+      case "a":
+      case "aa":
+        return n.toUpperCase();
+      case "aaa":
+        return n;
+      case "aaaaa":
+        return n[0];
+      case "aaaa":
+      default:
+        return n === "am" ? "a.m." : "p.m.";
+    }
+  },
+  // Hour [1-12]
+  h(e, t) {
+    return o(e.getHours() % 12 || 12, t.length);
+  },
+  // Hour [0-23]
+  H(e, t) {
+    return o(e.getHours(), t.length);
+  },
+  // Minute
+  m(e, t) {
+    return o(e.getMinutes(), t.length);
+  },
+  // Second
+  s(e, t) {
+    return o(e.getSeconds(), t.length);
+  },
+  // Fraction of second
+  S(e, t) {
+    const n = t.length, a = e.getMilliseconds(), r = Math.trunc(
+      a * Math.pow(10, n - 3)
+    );
+    return o(r, t.length);
+  }
+}, T = {
+  am: "am",
+  pm: "pm",
+  midnight: "midnight",
+  noon: "noon",
+  morning: "morning",
+  afternoon: "afternoon",
+  evening: "evening",
+  night: "night"
+}, H = {
+  // Era
+  G: function(e, t, n) {
+    const a = e.getFullYear() > 0 ? 1 : 0;
+    switch (t) {
+      case "G":
+      case "GG":
+      case "GGG":
+        return n.era(a, { width: "abbreviated" });
+      case "GGGGG":
+        return n.era(a, { width: "narrow" });
+      case "GGGG":
+      default:
+        return n.era(a, { width: "wide" });
+    }
+  },
+  // Year
+  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(e, t);
+  },
+  // Local week-numbering year
+  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 t === "Yo" ? n.ordinalNumber(i, { unit: "year" }) : o(i, t.length);
+  },
+  // ISO week-numbering year
+  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:
+  // | Year | `y` | `u` |
+  // |------|-----|-----|
+  // | AC 1 |   1 |   1 |
+  // | BC 1 |   1 |   0 |
+  // | 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(e, t) {
+    const n = e.getFullYear();
+    return o(n, t.length);
+  },
+  // Quarter
+  Q: function(e, t, n) {
+    const a = Math.ceil((e.getMonth() + 1) / 3);
+    switch (t) {
+      case "Q":
+        return String(a);
+      case "QQ":
+        return o(a, 2);
+      case "Qo":
+        return n.ordinalNumber(a, { unit: "quarter" });
+      case "QQQ":
+        return n.quarter(a, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "QQQQQ":
+        return n.quarter(a, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "QQQQ":
+      default:
+        return n.quarter(a, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Stand-alone quarter
+  q: function(e, t, n) {
+    const a = Math.ceil((e.getMonth() + 1) / 3);
+    switch (t) {
+      case "q":
+        return String(a);
+      case "qq":
+        return o(a, 2);
+      case "qo":
+        return n.ordinalNumber(a, { unit: "quarter" });
+      case "qqq":
+        return n.quarter(a, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      case "qqqqq":
+        return n.quarter(a, {
+          width: "narrow",
+          context: "standalone"
+        });
+      case "qqqq":
+      default:
+        return n.quarter(a, {
+          width: "wide",
+          context: "standalone"
+        });
+    }
+  },
+  // Month
+  M: function(e, t, n) {
+    const a = e.getMonth();
+    switch (t) {
+      case "M":
+      case "MM":
+        return b.M(e, t);
+      case "Mo":
+        return n.ordinalNumber(a + 1, { unit: "month" });
+      case "MMM":
+        return n.month(a, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "MMMMM":
+        return n.month(a, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "MMMM":
+      default:
+        return n.month(a, { width: "wide", context: "formatting" });
+    }
+  },
+  // Stand-alone month
+  L: function(e, t, n) {
+    const a = e.getMonth();
+    switch (t) {
+      case "L":
+        return String(a + 1);
+      case "LL":
+        return o(a + 1, 2);
+      case "Lo":
+        return n.ordinalNumber(a + 1, { unit: "month" });
+      case "LLL":
+        return n.month(a, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      case "LLLLL":
+        return n.month(a, {
+          width: "narrow",
+          context: "standalone"
+        });
+      case "LLLL":
+      default:
+        return n.month(a, { width: "wide", context: "standalone" });
+    }
+  },
+  // Local week of year
+  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(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(e, t, n) {
+    return t === "do" ? n.ordinalNumber(e.getDate(), { unit: "date" }) : b.d(e, t);
+  },
+  // Day of year
+  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(e, t, n) {
+    const a = e.getDay();
+    switch (t) {
+      case "E":
+      case "EE":
+      case "EEE":
+        return n.day(a, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "EEEEE":
+        return n.day(a, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "EEEEEE":
+        return n.day(a, {
+          width: "short",
+          context: "formatting"
+        });
+      case "EEEE":
+      default:
+        return n.day(a, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Local day of week
+  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":
+        return o(i, 2);
+      case "eo":
+        return n.ordinalNumber(i, { unit: "day" });
+      case "eee":
+        return n.day(r, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "eeeee":
+        return n.day(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "eeeeee":
+        return n.day(r, {
+          width: "short",
+          context: "formatting"
+        });
+      case "eeee":
+      default:
+        return n.day(r, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Stand-alone local day of week
+  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, t.length);
+      case "co":
+        return n.ordinalNumber(i, { unit: "day" });
+      case "ccc":
+        return n.day(r, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      case "ccccc":
+        return n.day(r, {
+          width: "narrow",
+          context: "standalone"
+        });
+      case "cccccc":
+        return n.day(r, {
+          width: "short",
+          context: "standalone"
+        });
+      case "cccc":
+      default:
+        return n.day(r, {
+          width: "wide",
+          context: "standalone"
+        });
+    }
+  },
+  // ISO day of week
+  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, t.length);
+      case "io":
+        return n.ordinalNumber(r, { unit: "day" });
+      case "iii":
+        return n.day(a, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "iiiii":
+        return n.day(a, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "iiiiii":
+        return n.day(a, {
+          width: "short",
+          context: "formatting"
+        });
+      case "iiii":
+      default:
+        return n.day(a, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // AM or PM
+  a: function(e, t, n) {
+    const r = e.getHours() / 12 >= 1 ? "pm" : "am";
+    switch (t) {
+      case "a":
+      case "aa":
+        return n.dayPeriod(r, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "aaa":
+        return n.dayPeriod(r, {
+          width: "abbreviated",
+          context: "formatting"
+        }).toLowerCase();
+      case "aaaaa":
+        return n.dayPeriod(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "aaaa":
+      default:
+        return n.dayPeriod(r, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // AM, PM, midnight, noon
+  b: function(e, t, n) {
+    const a = e.getHours();
+    let r;
+    switch (a === 12 ? r = T.noon : a === 0 ? r = T.midnight : r = a / 12 >= 1 ? "pm" : "am", t) {
+      case "b":
+      case "bb":
+        return n.dayPeriod(r, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "bbb":
+        return n.dayPeriod(r, {
+          width: "abbreviated",
+          context: "formatting"
+        }).toLowerCase();
+      case "bbbbb":
+        return n.dayPeriod(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "bbbb":
+      default:
+        return n.dayPeriod(r, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // in the morning, in the afternoon, in the evening, at night
+  B: function(e, t, n) {
+    const a = e.getHours();
+    let r;
+    switch (a >= 17 ? r = T.evening : a >= 12 ? r = T.afternoon : a >= 4 ? r = T.morning : r = T.night, t) {
+      case "B":
+      case "BB":
+      case "BBB":
+        return n.dayPeriod(r, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "BBBBB":
+        return n.dayPeriod(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "BBBB":
+      default:
+        return n.dayPeriod(r, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Hour [1-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(e, t);
+  },
+  // Hour [0-23]
+  H: function(e, t, n) {
+    return t === "Ho" ? n.ordinalNumber(e.getHours(), { unit: "hour" }) : b.H(e, t);
+  },
+  // Hour [0-11]
+  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(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(e, t, n) {
+    return t === "mo" ? n.ordinalNumber(e.getMinutes(), { unit: "minute" }) : b.m(e, t);
+  },
+  // Second
+  s: function(e, t, n) {
+    return t === "so" ? n.ordinalNumber(e.getSeconds(), { unit: "second" }) : b.s(e, t);
+  },
+  // Fraction of second
+  S: function(e, t) {
+    return b.S(e, t);
+  },
+  // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
+  X: function(e, t, n) {
+    const a = e.getTimezoneOffset();
+    if (a === 0)
+      return "Z";
+    switch (t) {
+      case "X":
+        return V(a);
+      case "XXXX":
+      case "XX":
+        return D(a);
+      case "XXXXX":
+      case "XXX":
+      default:
+        return D(a, ":");
+    }
+  },
+  // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
+  x: function(e, t, n) {
+    const a = e.getTimezoneOffset();
+    switch (t) {
+      case "x":
+        return V(a);
+      case "xxxx":
+      case "xx":
+        return D(a);
+      case "xxxxx":
+      case "xxx":
+      default:
+        return D(a, ":");
+    }
+  },
+  // Timezone (GMT)
+  O: function(e, t, n) {
+    const a = e.getTimezoneOffset();
+    switch (t) {
+      case "O":
+      case "OO":
+      case "OOO":
+        return "GMT" + j(a, ":");
+      case "OOOO":
+      default:
+        return "GMT" + D(a, ":");
+    }
+  },
+  // Timezone (specific non-location)
+  z: function(e, t, n) {
+    const a = e.getTimezoneOffset();
+    switch (t) {
+      case "z":
+      case "zz":
+      case "zzz":
+        return "GMT" + j(a, ":");
+      case "zzzz":
+      default:
+        return "GMT" + D(a, ":");
+    }
+  },
+  // Seconds timestamp
+  t: function(e, t, n) {
+    const a = Math.trunc(e.getTime() / 1e3);
+    return o(a, t.length);
+  },
+  // Milliseconds timestamp
+  T: function(e, t, n) {
+    const a = e.getTime();
+    return o(a, t.length);
+  }
+};
+function j(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 V(e, t) {
+  return e % 60 === 0 ? (e > 0 ? "-" : "+") + o(Math.abs(e) / 60, 2) : D(e, t);
+}
+function D(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 = (e, t) => {
+  switch (e) {
+    case "P":
+      return t.date({ width: "short" });
+    case "PP":
+      return t.date({ width: "medium" });
+    case "PPP":
+      return t.date({ width: "long" });
+    case "PPPP":
+    default:
+      return t.date({ width: "full" });
+  }
+}, J = (e, t) => {
+  switch (e) {
+    case "p":
+      return t.time({ width: "short" });
+    case "pp":
+      return t.time({ width: "medium" });
+    case "ppp":
+      return t.time({ width: "long" });
+    case "pppp":
+    default:
+      return t.time({ width: "full" });
+  }
+}, Ke = (e, t) => {
+  const n = e.match(/(P+)(p+)?/) || [], a = n[1], r = n[2];
+  if (!r)
+    return L(e, t);
+  let i;
+  switch (a) {
+    case "P":
+      i = t.dateTime({ width: "short" });
+      break;
+    case "PP":
+      i = t.dateTime({ width: "medium" });
+      break;
+    case "PPP":
+      i = t.dateTime({ width: "long" });
+      break;
+    case "PPPP":
+    default:
+      i = t.dateTime({ width: "full" });
+      break;
+  }
+  return i.replace("{{date}}", L(a, t)).replace("{{time}}", J(r, t));
+}, ze = {
+  p: J,
+  P: Ke
+}, Ze = /^D+$/, et = /^Y+$/, tt = ["D", "DD", "YY", "YYYY"];
+function nt(e) {
+  return Ze.test(e);
+}
+function at(e) {
+  return et.test(e);
+}
+function rt(e, t, n) {
+  const a = it(e, t, n);
+  if (console.warn(a), tt.includes(e)) throw new RangeError(a);
+}
+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 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, f, 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 = (f = a.locale) == null ? void 0 : f.options) == null ? void 0 : h.weekStartsOn) ?? 0, d = k(e);
+  if (!fe(d))
+    throw new RangeError("Invalid time value");
+  let g = t.match(ot).map((u) => {
+    const c = u[0];
+    if (c === "p" || c === "P") {
+      const O = ze[c];
+      return O(u, r.formatLong);
+    }
+    return u;
+  }).join("").match(st).map((u) => {
+    if (u === "''")
+      return { isToken: !1, value: "'" };
+    const c = u[0];
+    if (c === "'")
+      return { isToken: !1, value: ht(u) };
+    if (H[c])
+      return { isToken: !0, value: u };
+    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));
+  const v = {
+    firstWeekContainsDate: i,
+    weekStartsOn: s,
+    locale: r
+  };
+  return g.map((u) => {
+    if (!u.isToken) return u.value;
+    const c = u.value;
+    (at(c) || nt(c)) && rt(c, t, String(e));
+    const O = H[c[0]];
+    return O(d, c, r.localize, v);
+  }).join("");
+}
+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 = (e, t, n) => {
+  const a = /* @__PURE__ */ new Map();
+  for (let r = t; r <= n; r++) a.set(e[r], r);
+  return a;
+}, mt = Z(class extends ee {
+  constructor(e) {
+    if (super(e), e.type !== te.CHILD) throw Error("repeat() can only be used in text expressions");
+  }
+  dt(e, t, n) {
+    let a;
+    n === void 0 ? n = t : t !== void 0 && (a = t);
+    const r = [], i = [];
+    let s = 0;
+    for (const d of e) r[s] = a ? a(d, s) : s, i[s] = n(d, s), s++;
+    return { values: i, keys: r };
+  }
+  render(e, t, n) {
+    return this.dt(e, t, n).values;
+  }
+  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, f = r.length - 1, h = 0, u = i.length - 1;
+    for (; l <= f && h <= u; ) if (r[l] === null) l++;
+    else if (r[f] === null) f--;
+    else if (d[l] === s[h]) g[h] = M(r[l], i[h]), l++, h++;
+    else if (d[f] === s[u]) g[u] = M(r[f], i[u]), f--, u--;
+    else if (d[l] === s[u]) g[u] = M(r[l], i[u]), S(e, g[u + 1], r[l]), l++, u--;
+    else if (d[f] === s[h]) g[h] = M(r[f], i[h]), S(e, r[l], r[f]), f--, h++;
+    else if (v === void 0 && (v = Q(s, h, u), x = Q(d, l, f)), v.has(d[l])) if (v.has(d[f])) {
+      const c = x.get(s[h]), O = c !== void 0 ? r[c] : null;
+      if (O === null) {
+        const I = S(e, r[l]);
+        M(I, i[h]), g[h] = I;
+      } else g[h] = M(O, i[h]), S(e, r[l], O), r[c] = null;
+      h++;
+    } else q(r[f]), f--;
+    else q(r[l]), l++;
+    for (; h <= u; ) {
+      const c = S(e, g[u + 1]);
+      M(c, i[h]), g[h++] = c;
+    }
+    for (; l <= f; ) {
+      const c = r[l++];
+      c !== null && q(c);
+    }
+    return this.ut = s, re(e, g), K;
+  }
+}), ft = "pkt-datepicker", pt = !0, gt = {
+  name: {
+    type: "string",
+    name: "Navn",
+    description: "Navn som sendes brukes i skjema ved innsending"
+  },
+  label: {
+    type: "string",
+    name: "Etikett",
+    description: "Tekst som vises over datovelgeren"
+  },
+  helptext: {
+    type: "string",
+    name: "Hjelpetekst",
+    description: "Hjelpetekst som vises over datovelgeren"
+  },
+  helptextDropdown: {
+    type: "string",
+    name: "Utvidet hjelpetekst",
+    description: "Hjelpetekst som vises i en lukket boks man kan åpne"
+  },
+  helptextDropdownButton: {
+    type: "string",
+    name: "Knappetekst for hjelpetekst",
+    description: "Tekst som vises på knappen for å åpne/lukke utvidet hjelpetekst",
+    default: "Les mer"
+  },
+  dateformat: {
+    name: "Datoformat",
+    description: "Datoformat for valgte datoer i flervalgsmodus",
+    type: "string",
+    default: "dd.MM.yyyy"
+  },
+  currentmonth: {
+    name: "Nåværende måned",
+    type: "ISOdatestring",
+    description: "Måneden som skal vises i datovelgeren"
+  },
+  value: {
+    name: "Verdi",
+    type: "ISOdatestring",
+    variant: "multiple",
+    reflect: !0,
+    description: "Kommaseparert liste av valgte datoer"
+  },
+  excludeweekdays: {
+    name: "Utelat ukedager",
+    type: "string",
+    description: "Kommaseparert liste over ukedager (1-7) som skal ekskluderes"
+  },
+  excludedates: {
+    name: "Utelat datoer",
+    type: "ISOdatestring",
+    variant: "multiple",
+    description: "Kommaseparert liste over datoer som skal ekskluderes"
+  },
+  min: {
+    name: "Tidligst tillatt",
+    type: "ISOdatestring",
+    default: null,
+    description: "Første tillate dato i datovelgeren"
+  },
+  max: {
+    name: "Senest tillatt",
+    type: "ISOdatestring",
+    default: null,
+    description: "Siste tillate dato i datovelgeren"
+  },
+  weeknumbers: {
+    name: "Vis ukenummer",
+    type: "boolean",
+    reflect: !0,
+    default: !1,
+    description: "Vis ukedager i datovelgerens kalender"
+  },
+  withcontrols: {
+    name: "Med kontroller",
+    type: "boolean",
+    reflect: !0,
+    default: !1,
+    description: "Vis avanserte velgere for måned og år"
+  },
+  multiple: {
+    name: "Flervalg",
+    type: "boolean",
+    reflect: !0,
+    default: !1,
+    description: "Tillat valg av flere enn én dato i samme velger"
+  },
+  maxlength: {
+    name: "Maks antall",
+    description: "Maks valgte datoer i flervalgsmodus",
+    type: "number",
+    default: 4
+  },
+  range: {
+    name: "Datotidsrom",
+    type: "boolean",
+    reflect: !0,
+    default: !1,
+    description: "Tillat å velge et tidsrom mellom to datoer i samme velger"
+  },
+  hasError: {
+    type: "boolean",
+    name: "Feil",
+    description: "Viser feiltilstand for datovelgeren"
+  },
+  errorMessage: {
+    type: "string",
+    name: "Feilmelding",
+    description: "Tekst som vises under datovelgeren ved feiltilstand"
+  },
+  disabled: {
+    type: "boolean",
+    name: "Deaktivert",
+    default: !1,
+    reflect: !0,
+    description: "Er datovelgeren deaktivert?"
+  },
+  fullwidth: {
+    type: "boolean",
+    name: "Full bredde",
+    default: !1,
+    reflect: !0,
+    description: "Skal datovelgeren ta opp hele bredden?"
+  },
+  required: {
+    type: "boolean",
+    name: "Påkrevd",
+    default: !1,
+    reflect: !0,
+    description: "Er datovelgeren påkrevd?"
+  },
+  requiredTag: {
+    type: "boolean",
+    name: "Vise påkrevd-merking",
+    default: !1,
+    description: "Viser en merking som indikerer at datovelgeren er påkrevd"
+  },
+  requiredText: {
+    type: "string",
+    name: "Påkrevd-tekst",
+    default: "Må fylles ut",
+    description: "Tekst som vises i påkrevd-merkingen"
+  },
+  optionalTag: {
+    type: "boolean",
+    name: "Vise valgfritt-merking",
+    default: !1,
+    description: "Viser en merking som indikerer at datovelgeren er valgfri"
+  },
+  optionalText: {
+    type: "string",
+    name: "Valgfritt-tekst",
+    default: "Valgfritt",
+    description: "Tekst som vises i valgfritt-merkingen"
+  },
+  id: {
+    type: "string",
+    name: "ID",
+    description: "Unik identifikasjon for datovelgeren"
+  }
+}, yt = {
+  change: {
+    description: "Returnerer kommaseparert liste av valgte datoer i ISO-format"
+  },
+  "value-changed": {
+    description: "Returnerer en <code>array</code> med valgte datoer i ISO-format"
+  },
+  toggleHelpText: {
+    description: "Returnerer <code>event.detail { isOpen: true }</code> eller <code>event.detail { isOpen: false }</code> når hjelpeteksten åpnes eller lukkes"
+  }
+}, w = {
+  name: ft,
+  "css-class": "pkt-datepicker",
+  isElement: pt,
+  props: gt,
+  events: yt
+};
+var vt = Object.defineProperty, wt = Object.getOwnPropertyDescriptor, p = (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 = (e) => new Promise((t) => setTimeout(t, e));
+let m = 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 = this.formatISODate(/* @__PURE__ */ new Date()), this.calendarOpen = !1, this.inputRef = R(), this.inputRefTo = R(), this.btnRef = R(), this.calRef = R(), this.popupRef = R(), this.inputClasses = {
+      "pkt-input": !0,
+      "pkt-datepicker__input": !0,
+      "pkt-input--fullwidth": this.fullwidth
+    }, this.buttonClasses = {
+      "pkt-input-icon": !0,
+      "pkt-btn": !0,
+      "pkt-btn--icon-only": !0,
+      "pkt-btn--tertiary": !0
+    }, this.fromISOToDate = (e) => {
+      if (!e)
+        return null;
+      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 = "", this.requestUpdate("value");
+    };
+  }
+  /**
+   * Housekeeping / lifecycle methods
+   */
+  async connectedCallback() {
+    super.connectedCallback(), 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.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", (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(e, t, n) {
+    var a, r;
+    if (super.attributeChangedCallback(e, t, n), e === "value") {
+      if (this.value === "" || this.value.length === 0)
+        this._value = [];
+      else if (this.value.length && this._value.length === 0) {
+        const i = Array.isArray(this.value) ? this.value : this.value.split(",");
+        for (const s of i)
+          s && !this._value.includes(s) && ((r = (a = this.calRef) == null ? void 0 : a.value) == null || r.handleDateSelect(this.fromISOToDate(s)));
+      }
+      this.requestUpdate("value");
+    }
+    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(",")) ?? []);
+  }
+  updated(e) {
+    if (super.updated(e), e.has("value")) {
+      if (this.range && this._value.length === 1)
+        return;
+      this.onInput(this.value);
+    }
+  }
+  /**
+   * Date value manipulation
+   */
+  formatISODate(e) {
+    return e.toISOString().split("T")[0];
+  }
+  renderInput() {
+    return P`
+      <input
+        class="${C(this.inputClasses)}"
+        type="date"
+        id="${this.id}-input"
+        name="${this.name}"
+        .value=${this.value}
+        min=${this.min}
+        max=${this.max}
+        @focus=${this.showCalendar}
+        @click=${(e) => {
+      e.preventDefault();
+    }}
+        ?disabled=${this.disabled}
+        @blur=${(e) => {
+      this.manageValidity(e.target), this.value = e.target.value, this._value = this.massageDates(e.target.value.split(","));
+    }}
+        @change=${(e) => {
+      e.stopImmediatePropagation();
+    }}
+        ${$(this.inputRef)}
+      />
+    `;
+  }
+  renderRangeInput() {
+    return P`
+      <div class="pkt-input-prefix">Fra</div>
+      <input
+        class=${C(this.inputClasses)}
+        type="date"
+        id="${this.id}-input"
+        name="${this.name}"
+        .value=${this._value[0] ?? ""}
+        min=${this.min}
+        max=${this.max}
+        @focus=${this.showCalendar}
+        @click=${(e) => {
+      e.preventDefault();
+    }}
+        ?disabled=${this.disabled}
+        @blur=${(e) => {
+      var t, n;
+      if (e.target.value) {
+        this.manageValidity(e.target);
+        const a = this.fromISOToDate(e.target.value);
+        a && ((n = (t = this.calRef) == null ? void 0 : t.value) == null || n.handleDateSelect(a));
+      }
+    }}
+        @change=${(e) => {
+      e.stopImmediatePropagation();
+    }}
+        ${$(this.inputRef)}
+      />
+      <div class="pkt-input-prefix">Til</div>
+      <input
+        class=${C(this.inputClasses)}
+        type="date"
+        id="${this.id}-to"
+        name="${this.name}-to"
+        .value=${this._value[1] ?? ""}
+        min=${this.min}
+        max=${this.max}
+        @focus=${this.showCalendar}
+        @click=${(e) => {
+      e.preventDefault();
+    }}
+        ?disabled=${this.disabled}
+        @blur=${(e) => {
+      var t, n;
+      if (e.target.value) {
+        this.manageValidity(e.target);
+        const a = e.target.value;
+        this.min && this.min > a ? this.internals.setValidity(
+          { rangeUnderflow: !0 },
+          this.strings.forms.messages.rangeUnderflow,
+          e.target
+        ) : this.max && this.max < a && this.internals.setValidity(
+          { rangeOverflow: !0 },
+          this.strings.forms.messages.rangeOverflow,
+          e.target
+        );
+        const r = this.fromISOToDate(e.target.value);
+        r && this._value[1] !== this.formatISODate(r) && ((n = (t = this.calRef) == null ? void 0 : t.value) == null || n.handleDateSelect(r));
+      }
+    }}
+        @change=${(e) => {
+      e.stopImmediatePropagation();
+    }}
+        ${$(this.inputRefTo)}
+      />
+    `;
+  }
+  renderMultipleInput() {
+    return P`
+      <input
+        class=${C(this.inputClasses)}
+        type="date"
+        id="${this.id}-input"
+        name="${this.name}"
+        min=${this.min}
+        max=${this.max}
+        @focus=${this.showCalendar}
+        @click=${(e) => {
+      e.preventDefault();
+    }}
+        @blur=${(e) => {
+      this.addToSelected(e);
+    }}
+        @keydown=${(e) => {
+      (e.key === "," || e.key === "Enter") && (e.preventDefault(), this.addToSelected(e));
+    }}
+        ?disabled=${this.disabled || this.maxlength && this._value.length >= this.maxlength}
+        @change=${(e) => {
+      e.stopImmediatePropagation();
+    }}
+        ${$(this.inputRef)}
+      />
+    `;
+  }
+  renderTags() {
+    return P`
+      <div class="pkt-datepicker__tags" aria-live="polite">
+        ${this._value[0] ? mt(
+      this._value ?? [],
+      (e) => e,
+      (e) => P`
+                <pkt-tag
+                  .id="${this.id + e + "-tag"}"
+                  closeTag
+                  @onClose=${() => {
+        var t;
+        return (t = this.calRef.value) == null ? void 0 : t.handleDateSelect(this.fromISOToDate(e));
+      }}
+                  >${this.fromISOtoLocal(e)}</pkt-tag
+                >
+              `
+    ) : N}
+      </div>
+    `;
+  }
+  renderCalendar() {
+    return P`<div
+      class="pkt-calendar-popup pkt-${this.calendarOpen ? "show" : "hide"}"
+      @focusout=${this.handleFocusOut}
+      id="${this.id}-popup"
+      ${$(this.popupRef)}
+    >
+      <pkt-calendar
+        ?multiple=${this.multiple}
+        ?range=${this.range}
+        ?weeknumbers=${this.weeknumbers}
+        ?withcontrols=${this.withcontrols}
+        ?focused=${this.calendarOpen}
+        .maxMultiple=${this.maxlength}
+        .selected=${this._value}
+        .earliest=${this.min}
+        .latest=${this.max}
+        .excludedates=${Array.isArray(this.excludedates) ? this.excludedates : this.excludedates.split(",")}
+        .excludeweekdays=${this.excludeweekdays}
+        .currentmonth=${new Date(this.currentmonth)}
+        @date-selected=${(e) => {
+      this.value = !this.multiple && !this.range ? Array.isArray(e.detail) ? e.detail[0] : e.detail.split(",")[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.hideCalendar}
+        ${$(this.calRef)}
+      ></pkt-calendar>
+    </div>`;
+  }
+  render() {
+    return P`
+      <pkt-input-wrapper
+        label="${this.label}"
+        forId="${this.id}-input"
+        ?counter=${this.multiple && !!this.maxlength}
+        .counterCurrent=${this.value ? this._value.length : 0}
+        .counterMaxLength=${this.maxlength}
+        ?disabled=${this.disabled}
+        ?hasError=${this.hasError}
+        ?required=${this.required}
+        ?optionalTag=${this.optionalTag}
+        ?requiredTag=${this.requiredTag}
+        .optionalText=${this.optionalText}
+        .requiredText=${this.requiredText}
+        .errorMessage=${this.errorMessage}
+        .helptext=${this.helptext}
+        .helptextDropdown=${this.helptextDropdown}
+        .helptextDropdownButton=${this.helptextDropdownButton}
+        class="pkt-datepicker"
+      >
+        ${this.multiple ? this.renderTags() : N}
+        <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()}
+            <button
+              class="${C(this.buttonClasses)}"
+              @click=${this.toggleCalendar}
+              ${$(this.btnRef)}
+            >
+              <pkt-icon name="calendar"></pkt-icon>
+              <span class="pkt-btn__text">${this.strings.calendar.buttonAltText}</span>
+            </button>
+          </div>
+        </div>
+      </pkt-input-wrapper>
+      ${this.renderCalendar()}
+    `;
+  }
+  /**
+   * Handlers
+   */
+  handleCalendarPosition() {
+    var e;
+    if (this.popupRef.value && this.inputRef.value) {
+      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(e) {
+    this.contains(e.target) || this.hideCalendar();
+  }
+  async showCalendar() {
+    this.calendarOpen = !0, await X(20), this.handleCalendarPosition();
+  }
+  hideCalendar() {
+    this.calendarOpen = !1;
+  }
+  toggleCalendar(e) {
+    e.preventDefault(), this.calendarOpen ? this.hideCalendar() : this.showCalendar();
+  }
+};
+p([
+  y({ type: String, reflect: !0 })
+], m.prototype, "value", 2);
+p([
+  y({ type: Array, reflect: !1 })
+], m.prototype, "_value", 2);
+p([
+  y({ type: String, reflect: !0 })
+], m.prototype, "label", 2);
+p([
+  y({ type: String, reflect: !0 })
+], m.prototype, "helptext", 2);
+p([
+  y({ type: String, reflect: !0 })
+], m.prototype, "helptextDropdown", 2);
+p([
+  y({ type: String, reflect: !0 })
+], m.prototype, "helptextDropdownButton", 2);
+p([
+  y({ type: String, reflect: !0 })
+], m.prototype, "dateformat", 2);
+p([
+  y({ type: Boolean, reflect: !0 })
+], m.prototype, "multiple", 2);
+p([
+  y({ type: Number })
+], m.prototype, "maxlength", 2);
+p([
+  y({ type: Boolean, reflect: !0 })
+], m.prototype, "range", 2);
+p([
+  y({ type: Boolean, reflect: !0 })
+], m.prototype, "weeknumbers", 2);
+p([
+  y({ type: Boolean, reflect: !0 })
+], m.prototype, "withcontrols", 2);
+p([
+  y({ type: Boolean, reflect: !0 })
+], m.prototype, "fullwidth", 2);
+p([
+  y({ converter: G.csvToArray })
+], m.prototype, "excludedates", 2);
+p([
+  y({ converter: G.csvToArray })
+], m.prototype, "excludeweekdays", 2);
+p([
+  y({ type: String, reflect: !0 })
+], m.prototype, "currentmonth", 2);
+p([
+  y({ type: Boolean, reflect: !0 })
+], m.prototype, "calendarOpen", 2);
+m = p([
+  ne("pkt-datepicker")
+], m);
+export {
+  m as PktDatepicker
+};