@telia-ace/alliance-ui 1.0.0-beta.1

package/dist/voca/components/telia-date-picker.js

@@ -0,0 +1,528 @@
+import { p as q, H as K, c as F, h as i, a as $, F as W } from "../../index.887fae41.js";
+import { u as b } from "../../uniqueId.6afec4c5.js";
+import { s as j } from "../../stringCombiner.723baccb.js";
+import { c as E } from "../../chevron-down.ea4a357f.js";
+import { c as J } from "../../close.63145e8b.js";
+import { d as U } from "../../telia-field-assistive-text2.a2e95f9c.js";
+import { d as X } from "../../telia-field-error2.0224a8ba.js";
+import { d as Q } from "../../telia-heading2.d678c373.js";
+import { d as ee } from "../../telia-icon2.d9c217d3.js";
+import { d as te } from "../../telia-label2.772a27dd.js";
+import { d as ae } from "../../telia-vst2.e5fee7c3.js";
+import "../../error-filled.e9871460.js";
+import "../../getSvgContent.574747aa.js";
+const ie = { name: "chevron-right", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M47.1663 32.0005C47.1667 32.6147 46.9059 33.2001 46.449 33.6106L24.7824 53.1106C23.8931 53.9111 22.5233 53.8391 21.7228 52.9498C20.9223 52.0606 20.9943 50.6907 21.8836 49.8903L41.7613 32.0005L21.8836 14.1106C21.3083 13.5928 21.053 12.8075 21.2138 12.0503C21.3746 11.2932 21.9271 10.6794 22.6632 10.4402C23.3993 10.2009 24.2071 10.3724 24.7824 10.8903L46.449 30.3903C46.9059 30.8008 47.1667 31.3862 47.1663 32.0005Z"/></svg>' }, re = { name: "calendar", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M58 51.3846V16.9231C57.9973 14.5451 56.0588 12.6181 53.6667 12.6154H49.3333V8.30769C49.3306 5.92975 47.3921 4.00272 45 4H40.6667C38.2746 4.00272 36.3361 5.92975 36.3333 8.30769V12.6154H27.6667V8.30769C27.6639 5.92975 25.7254 4.00272 23.3333 4H19C16.6079 4.00272 14.6694 5.92975 14.6667 8.30769V12.6154H10.3333C7.94123 12.6181 6.00273 14.5451 6 16.9231V51.3846C6.00547 56.1405 9.88247 59.9946 14.6667 60H49.3333C54.1175 59.9946 57.9945 56.1405 58 51.3846ZM44.9999 16.923H40.6666V8.30766H44.9999V16.923ZM23.3333 16.923H18.9999V8.30766H23.3333V16.923ZM49.3334 16.9231H53.6668V24.9852H10.3334V16.9231H14.6668C14.6695 19.301 16.608 21.228 19.0001 21.2307H23.3334C25.7255 21.228 27.664 19.301 27.6668 16.9231H36.3334C36.3362 19.301 38.2747 21.228 40.6668 21.2307H45.0001C47.3922 21.228 49.3307 19.301 49.3334 16.9231ZM10.3334 28.9852V51.3846C10.3362 53.7625 12.2747 55.6896 14.6668 55.6923H49.3334C51.7255 55.6896 53.664 53.7625 53.6668 51.3846V28.9852H10.3334Z"/><path d="M14.6949 35.3069C14.6949 34.2023 15.5957 33.3069 16.7068 33.3069H21.378C22.4891 33.3069 23.3899 34.2024 23.3899 35.3069V36.7091C23.3899 37.8137 22.4891 38.7091 21.378 38.7091H16.7068C15.5957 38.7091 14.6949 37.8137 14.6949 36.7091V35.3069Z"/><path d="M27.7374 35.3069C27.7374 34.2023 28.6381 33.3069 29.7493 33.3069H34.4204C35.5316 33.3069 36.4323 34.2024 36.4323 35.3069V36.7091C36.4323 37.8137 35.5316 38.7091 34.4204 38.7091H29.7493C28.6381 38.7091 27.7374 37.8137 27.7374 36.7091V35.3069Z"/><path d="M40.7798 35.3069C40.7798 34.2023 41.6806 33.3069 42.7917 33.3069H47.4629C48.574 33.3069 49.4748 34.2024 49.4748 35.3069V36.7091C49.4748 37.8137 48.574 38.7091 47.4629 38.7091H42.7917C41.6806 38.7091 40.7798 37.8137 40.7798 36.7091V35.3069Z"/><path d="M14.6949 46.1114C14.6949 45.0068 15.5957 44.1114 16.7068 44.1114H21.378C22.4891 44.1114 23.3899 45.0068 23.3899 46.1114V47.5136C23.3899 48.6181 22.4891 49.5136 21.378 49.5136H16.7068C15.5957 49.5136 14.6949 48.6181 14.6949 47.5136V46.1114Z"/><path d="M27.7374 46.1114C27.7374 45.0068 28.6381 44.1114 29.7493 44.1114H34.4204C35.5316 44.1114 36.4323 45.0068 36.4323 46.1114V47.5136C36.4323 48.6181 35.5316 49.5136 34.4204 49.5136H29.7493C28.6381 49.5136 27.7374 48.6181 27.7374 47.5136V46.1114Z"/><path d="M40.7798 46.1114C40.7798 45.0068 41.6806 44.1114 42.7917 44.1114H47.4629C48.574 44.1114 49.4748 45.0068 49.4748 46.1114V47.5136C49.4748 48.6181 48.574 49.5136 47.4629 49.5136H42.7917C41.6806 49.5136 40.7798 48.6181 40.7798 47.5136V46.1114Z"/></svg>' }, le = { name: "chevron-left", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M42.1162 49.8902C42.6915 50.4081 42.9468 51.1934 42.786 51.9505C42.6252 52.7076 42.0727 53.3214 41.3366 53.5607C40.6005 53.8 39.7927 53.6284 39.2174 53.1106L17.5508 33.6106C17.0942 33.1999 16.8335 32.6146 16.8335 32.0004C16.8335 31.3863 17.0942 30.801 17.5508 30.3902L39.2174 10.8902C40.1067 10.0898 41.4766 10.1618 42.277 11.0511C43.0775 11.9403 43.0055 13.3102 42.1162 14.1106L22.2385 32.0004L42.1162 49.8902Z"/></svg>' }, oe = /^(\d{4})-(\d{2})-(\d{2})$/;
+var k;
+(function(e) {
+  e[e.Sunday = 0] = "Sunday", e[e.Monday = 1] = "Monday", e[e.Tuesday = 2] = "Tuesday", e[e.Wednesday = 3] = "Wednesday", e[e.Thursday = 4] = "Thursday", e[e.Friday = 5] = "Friday", e[e.Saturday = 6] = "Saturday";
+})(k || (k = {}));
+function S(e, t, a) {
+  const r = parseInt(a, 10), l = parseInt(t, 10), s = parseInt(e, 10);
+  if (Number.isInteger(s) && Number.isInteger(l) && Number.isInteger(r) && l > 0 && l <= 12 && r > 0 && r <= 31 && s > 0)
+    return new Date(s, l - 1, r);
+}
+function p(e) {
+  if (!e)
+    return;
+  const t = e.match(oe);
+  if (t !== null && t.length)
+    return S(t[1], t[2], t[3]);
+}
+function V(e) {
+  if (e === void 0)
+    return "";
+  let t = e.getDate().toString(10), a = (e.getMonth() + 1).toString(10), r = e.getFullYear().toString(10);
+  return e.getDate() < 10 && (t = `0${t}`), e.getMonth() < 9 && (a = `0${a}`), `${r}-${a}-${t}`;
+}
+function I(e, t) {
+  return e == null || t == null ? !1 : A(e, t) && e.getDate() === t.getDate();
+}
+function A(e, t) {
+  return e == null || t == null ? !1 : e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth();
+}
+function z(e, t) {
+  const a = new Date(e);
+  return a.setDate(a.getDate() + t), a;
+}
+function P(e, t = k.Monday) {
+  const a = new Date(e), r = a.getDay(), l = (r < t ? 7 : 0) + r - t;
+  return a.setDate(a.getDate() - l), a;
+}
+function R(e, t = k.Monday) {
+  const a = new Date(e), r = a.getDay(), l = (r < t ? -7 : 0) + 6 - (r - t);
+  return a.setDate(a.getDate() + l), a;
+}
+function w(e) {
+  return new Date(e.getFullYear(), e.getMonth(), 1);
+}
+function D(e) {
+  return new Date(e.getFullYear(), e.getMonth() + 1, 0);
+}
+function H(e, t) {
+  const a = new Date(e);
+  return a.setMonth(t), a;
+}
+function Y(e, t) {
+  const a = new Date(e);
+  return a.setFullYear(t), a;
+}
+function C(e, t, a) {
+  return M(e, t, a) === e;
+}
+function M(e, t, a) {
+  const r = e.getTime();
+  return t && t instanceof Date && r < t.getTime() ? t : a && a instanceof Date && r > a.getTime() ? a : e;
+}
+function se(e, t) {
+  const a = [];
+  let r = e;
+  for (; !I(r, t); )
+    a.push(r), r = z(r, 1);
+  return a.push(r), a;
+}
+function ce(e, t = k.Monday) {
+  const a = P(w(e), t), r = R(D(e), t);
+  return se(a, r);
+}
+const ne = ({ onClick: e, dateFormatter: t, describedBy: a, localization: r, name: l, formattedValue: s, valueAsDate: c, value: d, identifier: m, disabled: n, readonly: u, required: _, role: f, touched: g, buttonLabel: v, buttonRef: o, inputRef: y, onInput: N, onBlur: O, onFocus: B, makeTouched: T, htmlForm: Z }) => {
+  const G = u || n;
+  return i(
+    W,
+    null,
+    i("input", { class: {
+      "telia-date-picker__input": !0,
+      "telia-date-picker__input--touched": g
+    }, value: s, id: m, disabled: n, readonly: u, role: f, required: _ ? !0 : void 0, "aria-autocomplete": "none", "aria-describedby": a, onInput: N, onFocus: B, onBlur: (x) => {
+      T(), O(x);
+    }, autoComplete: "off", ref: y, onInvalid: (x) => {
+      T(), x.preventDefault();
+    }, form: Z }),
+    i("input", { type: "hidden", name: l, value: d }),
+    i(
+      "div",
+      { class: "telia-date-picker__input-icon-container" },
+      i(
+        "button",
+        { class: "telia-date-picker__toggle", "aria-label": v, onClick: e, disabled: G, ref: o, type: "button" },
+        i("telia-icon", { class: "telia-date-picker__toggle-icon", svg: re.svg, size: "md" }),
+        i(
+          "span",
+          { class: "telia-date-picker__vhidden" },
+          r.buttonLabel,
+          c && i(
+            "span",
+            null,
+            ", ",
+            r.selectedDateMessage,
+            " ",
+            t.format(c)
+          )
+        )
+      )
+    )
+  );
+}, de = ({ focusedDay: e, today: t, day: a, onDaySelect: r, onKeyboardNavigation: l, focusedDayRef: s, disabled: c, inRange: d, isSelected: m, dateFormatter: n }) => {
+  const u = I(a, t), _ = A(a, e), f = I(a, e), g = !d;
+  return i(
+    "button",
+    { class: {
+      "telia-date-picker__day": !0,
+      "is-outside": g,
+      "is-today": u,
+      "is-month": _,
+      "is-disabled": c
+    }, tabIndex: f ? 0 : -1, onClick: (o) => {
+      r(o, a);
+    }, onKeyDown: l, "aria-disabled": c ? "true" : void 0, disabled: g, type: "button", "aria-pressed": m ? "true" : "false", ref: (o) => {
+      f && o && s && s(o);
+    } },
+    i("span", { "aria-hidden": "true" }, a.getDate()),
+    i("span", { class: "telia-date-picker__vhidden" }, n.format(a))
+  );
+};
+function ue(e, t) {
+  const a = [];
+  for (let r = 0; r < e.length; r += t)
+    a.push(e.slice(r, r + t));
+  return a;
+}
+function me(e, t, a) {
+  return e.map((r, l) => {
+    const s = (l + t) % e.length;
+    return a(e[s]);
+  });
+}
+const he = ({ selectedDate: e, focusedDate: t, labelledById: a, localization: r, firstDayOfWeek: l, min: s, max: c, dateFormatter: d, isDateDisabled: m, onDateSelect: n, onKeyboardNavigation: u, focusedDayRef: _ }) => {
+  const f = new Date(), g = ce(t, l);
+  return i(
+    "div",
+    { class: "telia-date-picker__table-wrapper" },
+    i(
+      "table",
+      { class: "telia-date-picker__table", "aria-labelledby": a },
+      i(
+        "thead",
+        null,
+        i("tr", null, me(r.dayNames, l, (v) => i(
+          "th",
+          { class: "telia-date-picker__table-header", scope: "col" },
+          i("span", { "aria-hidden": "true" }, v.substr(0, 2)),
+          i("span", { class: "telia-date-picker__vhidden" }, v)
+        )))
+      ),
+      i("tbody", null, ue(g, 7).map((v) => i("tr", { class: "telia-date-picker__row" }, v.map((o) => i(
+        "td",
+        { class: "telia-date-picker__cell" },
+        i(de, { day: o, today: f, focusedDay: t, isSelected: I(o, e), disabled: m(o), inRange: C(o, s, c), onDaySelect: n, dateFormatter: d, onKeyboardNavigation: u, focusedDayRef: _ })
+      )))))
+    )
+  );
+}, pe = {
+  buttonLabel: "Choose date",
+  placeholder: "YYYY-MM-DD",
+  selectedDateMessage: "Selected date is",
+  prevMonthLabel: "Previous month",
+  nextMonthLabel: "Next month",
+  monthSelectLabel: "Month",
+  yearSelectLabel: "Year",
+  closeLabel: "Close window",
+  calendarHeading: "Choose a date",
+  dayNames: [
+    "Sunday",
+    "Monday",
+    "Tuesday",
+    "Wednesday",
+    "Thursday",
+    "Friday",
+    "Saturday"
+  ],
+  monthNames: [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ],
+  monthNamesShort: [
+    "Jan",
+    "Feb",
+    "Mar",
+    "Apr",
+    "May",
+    "Jun",
+    "Jul",
+    "Aug",
+    "Sep",
+    "Oct",
+    "Nov",
+    "Dec"
+  ],
+  locale: "en-GB"
+}, ve = {
+  parse: p,
+  format: V
+}, fe = (e, t) => {
+  const a = [];
+  for (var r = e; r <= t; r++)
+    a.push(r);
+  return a;
+}, ge = '.telia-date-picker{display:flex;flex-direction:column;position:relative}.telia-date-picker__label{order:1}.telia-date-picker__input{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90;border-radius:calc(0.2rem * var(--voca-rem-multiplier));background-color:#ffffff;color:#222222;font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;-webkit-appearance:none;appearance:none;box-sizing:border-box;display:block;margin:0;padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier));width:100%;height:calc(4.6rem * var(--voca-rem-multiplier));margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;order:2}.telia-date-picker__input:required{box-shadow:none}.telia-date-picker__input:hover{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;padding:calc(calc(1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-date-picker__input:hover:focus{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}.telia-date-picker__input:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier));padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier))}.telia-date-picker__input:focus:hover{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}.telia-date-picker__input:read-only{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;background-color:#e8e8ed}.telia-date-picker__input:read-only:hover{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier))}.telia-date-picker__input:disabled{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;background-color:#dcdce1;color:#606064;cursor:not-allowed;-webkit-text-fill-color:#606064}.telia-date-picker__input:disabled:hover{padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier))}.telia-date-picker__input:disabled~.telia-date-picker__label .telia-label{color:#606064;cursor:not-allowed}.telia-date-picker__input:disabled~.telia-date-picker__additional{color:#b0b0b5}.telia-date-picker__input:invalid{box-shadow:none}.telia-date-picker__input--touched:invalid{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #be0040}.telia-date-picker__input--touched:invalid:focus{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}.telia-date-picker__input--touched:invalid:hover:not(:focus){border:calc(0.2rem * var(--voca-rem-multiplier)) solid #be0040;padding:calc(calc(1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-date-picker__input-icon-container{align-items:center;display:flex;flex-direction:row;height:calc(4.6rem * var(--voca-rem-multiplier));justify-content:flex-end;margin:calc(-1 * calc(4.6rem * var(--voca-rem-multiplier))) 0 0 calc(100% - calc(1.2rem * var(--voca-rem-multiplier)));order:3}.telia-date-picker__additional{order:5}.telia-date-picker__error{margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;order:6}.telia-date-picker__toggle{border:0 solid #8c8c90;border-left:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90;border-top-right-radius:calc(0.2rem * var(--voca-rem-multiplier));border-bottom-right-radius:calc(0.2rem * var(--voca-rem-multiplier));color:#29003e;align-items:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;display:flex;height:calc(calc(4.6rem * var(--voca-rem-multiplier)) - calc(0.2rem * var(--voca-rem-multiplier)));justify-content:center;padding:0;-webkit-user-select:none;user-select:none}.telia-date-picker__toggle:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier))}.telia-date-picker__input:read-only~.telia-date-picker__input-icon-container .telia-date-picker__toggle{border-left:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;color:#606064}.telia-date-picker__input:invalid~.telia-date-picker__input-icon-container .telia-date-picker__toggle{color:#be0040}.telia-date-picker__input:disabled~.telia-date-picker__input-icon-container .telia-date-picker__toggle{border-left:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;color:#606064;cursor:not-allowed}.telia-date-picker__input:hover~.telia-date-picker__input-icon-container .telia-date-picker__toggle,.telia-date-picker__input:hover:focus~.telia-date-picker__input-icon-container .telia-date-picker__toggle{height:calc(calc(4.6rem * var(--voca-rem-multiplier)) - calc(0.4rem * var(--voca-rem-multiplier)))}.telia-date-picker__toggle-icon{margin:0 calc(1.2rem * var(--voca-rem-multiplier))}.telia-date-picker__dialog-container{order:4}.telia-date-picker__dialog{z-index:300;background-color:rgba(0, 0, 0, 0.24);bottom:0;display:flex;left:0;min-width:calc(32rem * var(--voca-rem-multiplier));opacity:0;position:fixed;right:0;top:0;transform:translateZ(0);transform-origin:bottom center;transition:transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;visibility:hidden;width:100%;will-change:transform, opacity, visibility}@media screen and (min-width: 37.5em){.telia-date-picker__dialog{z-index:100;background:none;bottom:auto;position:absolute;right:auto;top:auto;transform:scale(0.96) translateZ(0) translateY(-2rem);transform-origin:top right}}.telia-date-picker__dialog.is-left{left:auto;right:0;width:auto}.telia-date-picker__dialog.is-active{opacity:1;transform:scale(1.0001) translateZ(0) translateY(0);visibility:visible}.telia-date-picker__dialog-content{background-color:#ffffff;border-radius:0;border-top-left-radius:calc(0.2rem * var(--voca-rem-multiplier));border-top-right-radius:calc(0.2rem * var(--voca-rem-multiplier));border-top:calc(0.1rem * var(--voca-rem-multiplier)) solid #606064;bottom:0;display:none;left:0;margin:0;max-width:none;padding:0;position:absolute;transform:translateZ(0) translateY(100%);width:100%}@media screen and (min-width: 37.5em){.telia-date-picker__dialog-content{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90;border-radius:calc(0.2rem * var(--voca-rem-multiplier));box-shadow:0 calc(0.8rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) #dcdce1;margin:calc(0.8rem * var(--voca-rem-multiplier)) 0 0 auto;max-width:calc(31rem * var(--voca-rem-multiplier));min-width:calc(29rem * var(--voca-rem-multiplier));padding:0;position:relative;transform:none;transition:none;visibility:visible}}.is-active .telia-date-picker__dialog-content{display:block;transform:translateZ(0) translateY(0)}.telia-date-picker__table-wrapper{margin:calc(1.6rem * var(--voca-rem-multiplier)) 0 calc(2rem * var(--voca-rem-multiplier));padding:0 calc(1.6rem * var(--voca-rem-multiplier)) calc(0.8rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-date-picker__table-wrapper{padding:0 calc(2rem * var(--voca-rem-multiplier))}}.telia-date-picker__table{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;font-size:calc(1rem * var(--voca-rem-multiplier));color:#222222;border-collapse:collapse;border-spacing:0;line-height:1.25;margin:0;padding:0;text-align:center;width:100%}.telia-date-picker__table-header{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;font-size:calc(1.2rem * var(--voca-rem-multiplier));color:#222222;letter-spacing:calc(0.1rem * var(--voca-rem-multiplier));line-height:1.4;padding-bottom:calc(0.8rem * var(--voca-rem-multiplier));text-decoration:none;text-transform:uppercase}.telia-date-picker__cell{text-align:center}.telia-date-picker__day{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;font-size:calc(1.4rem * var(--voca-rem-multiplier));color:#222222;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;border-radius:50%;cursor:pointer;display:inline-block;font-variant-numeric:tabular-nums;height:calc(3.2rem * var(--voca-rem-multiplier));line-height:calc(1.6rem * var(--voca-rem-multiplier));padding:0 0 calc(0.1rem * var(--voca-rem-multiplier));position:relative;text-align:center;vertical-align:middle;width:calc(3.2rem * var(--voca-rem-multiplier))}.telia-date-picker__day.is-today{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:500;color:#29003e;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e}.telia-date-picker__day.is-today:hover{background-color:#fbf0ff}.telia-date-picker__day:hover{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:500;background-color:#edc8ff;color:#29003e}.telia-date-picker__day[aria-pressed=true],.telia-date-picker__day[aria-pressed=true]:hover{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;background-color:#990ae3;color:#ffffff;box-shadow:none;outline:0}.telia-date-picker__day:focus-visible{outline:none}.telia-date-picker__day:focus{outline:none;}.telia-date-picker__day:focus::before{border-radius:calc(99.9rem * var(--voca-rem-multiplier));box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;bottom:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));content:"";display:block;left:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));position:absolute;right:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));top:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));z-index:101}@media screen and (min-width: 37.5em){.telia-date-picker__day:focus::before{z-index:301}}.telia-date-picker__day:not(.is-month){font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;box-shadow:none}.telia-date-picker__day:not(.is-month),.telia-date-picker__day[aria-disabled=true]{color:#b0b0b5;background:transparent;cursor:default}.telia-date-picker__day[aria-disabled=true]{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;background-color:#e8e8ed;color:#8c8c90}.telia-date-picker__day[aria-disabled=true]:not(.is-today)::before{display:none}.telia-date-picker__day.is-outside{color:#606064;background-color:#e8e8ed;box-shadow:none;cursor:default;opacity:0.6;pointer-events:none}.telia-date-picker__day.is-outside::before{display:none}.telia-date-picker__header{border-bottom:calc(0.1rem * var(--voca-rem-multiplier)) solid #dcdce1;align-items:center;display:flex;justify-content:space-between;padding:calc(3.2rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier)) calc(0.8rem * var(--voca-rem-multiplier)) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.8rem * var(--voca-rem-multiplier)));width:100%}@media screen and (min-width: 37.5em){.telia-date-picker__header{padding:calc(3.2rem * var(--voca-rem-multiplier)) calc(2rem * var(--voca-rem-multiplier)) calc(0.8rem * var(--voca-rem-multiplier))}}.telia-date-picker__nav{white-space:nowrap}.telia-date-picker__prev,.telia-date-picker__next{color:#29003e;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e;align-items:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:50%;cursor:pointer;display:inline-flex;height:calc(3.2rem * var(--voca-rem-multiplier));justify-content:center;margin-left:calc(0.8rem * var(--voca-rem-multiplier));padding:0;width:calc(3.2rem * var(--voca-rem-multiplier))}.telia-date-picker__prev:hover,.telia-date-picker__next:hover{background-color:#edc8ff}.telia-date-picker__prev:focus,.telia-date-picker__next:focus{box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline:none}.telia-date-picker__prev:active:focus,.telia-date-picker__next:active:focus{box-shadow:none}.telia-date-picker__prev:disabled,.telia-date-picker__next:disabled{cursor:default;opacity:0.5}.telia-date-picker__prev-icon{margin:0 auto}.telia-date-picker__next-icon{margin:0 auto}.telia-date-picker__select{display:inline-flex;margin-top:calc(0.4rem * var(--voca-rem-multiplier));position:relative}.telia-date-picker__select select{cursor:pointer;font-size:calc(1rem * var(--voca-rem-multiplier));height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.telia-date-picker__select select:focus+.telia-date-picker__select-label{box-shadow:0 0 0 calc(0.2rem * var(--voca-rem-multiplier)) #0099ff}.telia-date-picker__select-icon{margin:0 0 0 calc(0.4rem * var(--voca-rem-multiplier))}.telia-date-picker__select-label{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;font-size:calc(1.6rem * var(--voca-rem-multiplier));color:#222222;border-radius:calc(0.2rem * var(--voca-rem-multiplier));align-items:center;display:flex;line-height:1.25;padding:0 calc(0.4rem * var(--voca-rem-multiplier)) 0 calc(0.8rem * var(--voca-rem-multiplier));pointer-events:none;position:relative;width:100%}.telia-date-picker__mobile{background-color:#fbf0ff;align-items:center;display:flex;justify-content:space-between;overflow:hidden;padding:calc(1.6rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier));position:relative;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width: 37.5em){.telia-date-picker__mobile{background-color:transparent;border:0;overflow:visible;padding:0;position:absolute;right:calc(-0.8rem * var(--voca-rem-multiplier));top:calc(-0.8rem * var(--voca-rem-multiplier))}}.telia-date-picker__mobile-heading{color:#29003e;display:inline-block;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width: 37.5em){.telia-date-picker__mobile-heading{display:none}}.telia-date-picker__close{color:#222222;border-radius:calc(99.9rem * var(--voca-rem-multiplier));align-items:center;-webkit-appearance:none;appearance:none;border:0;cursor:pointer;display:flex;height:calc(2.4rem * var(--voca-rem-multiplier));justify-content:center;padding:0;width:calc(2.4rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-date-picker__close{opacity:0}}.telia-date-picker__close:hover{color:#29003e}.telia-date-picker__close:focus{box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline:none}@media screen and (min-width: 37.5em){.telia-date-picker__close:focus{opacity:1}}.telia-date-picker__close-icon{margin:0 auto}.telia-date-picker__vhidden{border:0;clip:rect(calc(0.1rem * var(--voca-rem-multiplier)), calc(0.1rem * var(--voca-rem-multiplier)), calc(0.1rem * var(--voca-rem-multiplier)), calc(0.1rem * var(--voca-rem-multiplier)));height:calc(0.1rem * var(--voca-rem-multiplier));overflow:hidden;padding:0;position:absolute;top:0;width:calc(0.1rem * var(--voca-rem-multiplier))}', h = {
+  TAB: 9,
+  ESC: 27,
+  SPACE: 32,
+  PAGE_UP: 33,
+  PAGE_DOWN: 34,
+  END: 35,
+  HOME: 36,
+  LEFT: 37,
+  UP: 38,
+  RIGHT: 39,
+  DOWN: 40
+};
+function _e(e, t) {
+  const a = e.value, r = e.selectionStart, l = a.slice(0, r), s = a.slice(r, a.length), c = l.replace(t, ""), d = s.replace(t, ""), m = c + d, n = c.length;
+  return e.value = m, e.selectionStart = e.selectionEnd = n, m;
+}
+const be = /[^0-9\.\/\-]+/g, L = 300, ke = /* @__PURE__ */ q(class extends K {
+  constructor() {
+    super(), this.__registerHost(), this.vocaChange = F(this, "vocaChange", 7), this.vocaBlur = F(this, "vocaBlur", 7), this.vocaFocus = F(this, "vocaFocus", 7), this.monthSelectId = b("dateMonth"), this.yearSelectId = b("dateYear"), this.dialogLabelId = b("dateLabel"), this.body = document.body, this.initialTouchX = null, this.initialTouchY = null, this.dataTrackingId = "telia-date-picker", this.name = "date", this.additionalId = b("additional"), this.inputId = b("input"), this.disabled = !1, this.direction = "right", this.readonly = !1, this.required = !1, this.value = "", this.min = "", this.max = "", this.yearRange = { past: 10, future: 10 }, this.firstDayOfWeek = k.Monday, this.localization = pe, this.dateAdapter = ve, this.modalOpen = !1, this.isDateDisabled = () => !1, this.errorId = b("error"), this.activeFocus = !1, this.focusedDay = new Date(), this.open = this.modalOpen, this.errorMessageState = "", this.touched = !1, this.enableActiveFocus = () => {
+      this.activeFocus = !0;
+    }, this.disableActiveFocus = () => {
+      this.activeFocus = !1;
+    }, this.toggleOpen = (e) => {
+      e.preventDefault(), this.open ? this.hide(!1) : this.show();
+    }, this.handleEscKey = (e) => {
+      e.keyCode === h.ESC && this.hide();
+    }, this.handleBlur = (e) => {
+      e.stopPropagation(), this.updateErrorState(), this.vocaBlur.emit({
+        component: "telia-date-picker"
+      });
+    }, this.handleFocus = (e) => {
+      e.stopPropagation(), this.vocaFocus.emit({
+        component: "telia-date-picker"
+      });
+    }, this.handleTouchStart = (e) => {
+      const t = e.changedTouches[0];
+      this.initialTouchX = t.pageX, this.initialTouchY = t.pageY;
+    }, this.handleTouchEnd = (e) => {
+      const t = e.changedTouches[0], a = t.pageX - this.initialTouchX, r = t.pageY - this.initialTouchY, l = 70, s = Math.abs(a) >= l && Math.abs(r) <= l, c = Math.abs(r) >= l && Math.abs(a) <= l && r > 0;
+      s ? this.addMonths(a < 0 ? 1 : -1) : c && (this.hide(!1), e.preventDefault()), this.initialTouchY = null, this.initialTouchX = null;
+    }, this.handleNextMonthClick = (e) => {
+      e.preventDefault(), this.addMonths(1);
+    }, this.handlePreviousMonthClick = (e) => {
+      e.preventDefault(), this.addMonths(-1);
+    }, this.handleFirstFocusableKeydown = (e) => {
+      e.keyCode === h.TAB && e.shiftKey && (this.focusedDayNode.focus(), e.preventDefault());
+    }, this.handleCloseButtonClick = () => {
+      this.hide();
+    }, this.handleKeyboardNavigation = (e) => {
+      if (e.keyCode === h.TAB && !e.shiftKey) {
+        e.preventDefault(), this.firstFocusableElement.focus();
+        return;
+      }
+      var t = !0;
+      switch (e.keyCode) {
+        case h.RIGHT:
+          this.addDays(1);
+          break;
+        case h.LEFT:
+          this.addDays(-1);
+          break;
+        case h.DOWN:
+          this.addDays(7);
+          break;
+        case h.UP:
+          this.addDays(-7);
+          break;
+        case h.PAGE_UP:
+          e.shiftKey ? this.addYears(-1) : this.addMonths(-1);
+          break;
+        case h.PAGE_DOWN:
+          e.shiftKey ? this.addYears(1) : this.addMonths(1);
+          break;
+        case h.HOME:
+          this.startOfWeek();
+          break;
+        case h.END:
+          this.endOfWeek();
+          break;
+        default:
+          t = !1;
+      }
+      t && (e.preventDefault(), this.enableActiveFocus());
+    }, this.handleDaySelect = (e, t) => {
+      const a = C(t, p(this.min), p(this.max)), r = !this.isDateDisabled(t);
+      a && r ? (this.setValue(t), this.hide()) : this.setFocusedDay(t);
+    }, this.handleMonthSelect = (e) => {
+      e.stopPropagation(), this.setMonth(parseInt(e.target.value, 10));
+    }, this.handleYearSelect = (e) => {
+      e.stopPropagation(), this.setYear(parseInt(e.target.value, 10));
+    }, this.handleInputChange = () => {
+      const e = this.datePickerInput;
+      _e(e, be);
+      const t = this.dateAdapter.parse(e.value, S);
+      (t || e.value === "") && this.setValue(t);
+    }, this.processFocusedDayNode = (e) => {
+      this.focusedDayNode = e, this.activeFocus && this.open && setTimeout(() => e.focus(), 0);
+    }, this.makeTouched = () => {
+      this.touched = !0;
+    }, this.isValueValid = () => {
+      const e = this.datePickerInput.value, t = this.dateAdapter.parse(e, S);
+      return t === void 0 || !C(t, p(this.min), p(this.max)) ? !1 : !this.isDateDisabled(t);
+    }, this.updateErrorMessage = (e) => {
+      var t;
+      (t = this.datePickerInput) === null || t === void 0 || t.setCustomValidity(e), this.errorMessageState = e;
+    }, this.isValueMissing = () => {
+      var e;
+      return ((e = this.datePickerInput) === null || e === void 0 ? void 0 : e.value.length) === 0;
+    }, this.updateErrorState = () => {
+      var e, t, a;
+      const r = !!(!((e = this.errorMessageState) === null || e === void 0) && e.length), l = this.required, s = !!(!((t = this.errorMessage) === null || t === void 0) && t.length), c = !!(!((a = this.invalidErrorMessage) === null || a === void 0) && a.length), d = !!this.datePickerInput;
+      if (s) {
+        this.updateErrorMessage(this.errorMessage), this.makeTouched();
+        return;
+      }
+      if (c && d && !this.isValueValid() && this.updateErrorMessage(this.invalidErrorMessage), l && this.touched && !!this.requiredErrorMessage && this.isValueMissing() && this.updateErrorMessage(this.requiredErrorMessage), r) {
+        if (s || c && !this.isValueValid())
+          return;
+        this.updateErrorMessage("");
+      }
+    }, this.setToggleRef = (e) => this.datePickerButton = e, this.setTextInputRef = (e) => this.datePickerInput = e, this.setDialogWrapperRef = (e) => this.dialogWrapperNode = e, this.setCloseButtonRef = (e) => this.firstFocusableElement = e, this.setMonthSelectRef = (e) => this.monthSelectNode = e;
+  }
+  connectedCallback() {
+    this.createDateFormatters();
+  }
+  componentWillLoad() {
+    this.updateErrorState(), this.yearRangeChanged(this.yearRange);
+  }
+  componentDidRender() {
+    var e, t;
+    this.datePickerInput && ((e = this.datePickerInput) === null || e === void 0 ? void 0 : e.setCustomValidity) && ((t = this.datePickerInput) === null || t === void 0 || t.setCustomValidity(this.errorMessageState));
+  }
+  yearRangeChanged(e) {
+    let t = typeof e == "string" ? JSON.parse(e) : e;
+    Object.keys(t).map((a) => {
+      t[a] = parseInt(t[a]), t[a] = t[a] < 0 ? t[a] = 0 : t[a];
+    }), this.range = t;
+  }
+  createDateFormatters() {
+    this.dateFormatShort = new Intl.DateTimeFormat(this.localization.locale, {
+      day: "numeric",
+      month: "long"
+    }), this.dateFormatLong = new Intl.DateTimeFormat(this.localization.locale, {
+      day: "numeric",
+      month: "long",
+      year: "numeric"
+    });
+  }
+  handleDocumentClick(e) {
+    if (!this.open)
+      return;
+    e.composedPath().every((a) => a !== this.dialogWrapperNode && a !== this.datePickerButton) && this.hide(!1);
+  }
+  async setFocus() {
+    return this.datePickerInput.focus();
+  }
+  async show() {
+    this.open = !0, this.modalOpen = !0, this.setFocusedDay(p(this.value) || new Date());
+    let { matches: e } = window.matchMedia("(max-width: 600px)");
+    e && (this.body.style.overflowY = "hidden", this.body.style.position = "fixed", this.body.style.width = "100%"), clearTimeout(this.focusTimeoutId), this.focusTimeoutId = setTimeout(() => this.monthSelectNode.focus(), L);
+  }
+  async hide(e = !0) {
+    this.open = !1, this.modalOpen = !1, this.body.style.overflowY === "hidden" && this.body.style.position === "fixed" && (this.body.style.overflowY = "", this.body.style.position = "", this.body.style.width = ""), clearTimeout(this.focusTimeoutId), e && setTimeout(() => this.datePickerButton.focus(), L + 200);
+  }
+  addDays(e) {
+    this.setFocusedDay(z(this.focusedDay, e));
+  }
+  addMonths(e) {
+    this.setMonth(this.focusedDay.getMonth() + e);
+  }
+  addYears(e) {
+    this.setYear(this.focusedDay.getFullYear() + e);
+  }
+  startOfWeek() {
+    this.setFocusedDay(P(this.focusedDay, this.firstDayOfWeek));
+  }
+  endOfWeek() {
+    this.setFocusedDay(R(this.focusedDay, this.firstDayOfWeek));
+  }
+  setMonth(e) {
+    const t = H(w(this.focusedDay), e), a = D(t), r = H(this.focusedDay, e);
+    this.setFocusedDay(M(r, t, a));
+  }
+  setYear(e) {
+    const t = Y(w(this.focusedDay), e), a = D(t), r = Y(this.focusedDay, e);
+    this.setFocusedDay(M(r, t, a));
+  }
+  setFocusedDay(e) {
+    this.focusedDay = M(e, p(this.min), p(this.max));
+  }
+  setValue(e) {
+    this.value = V(e), this.vocaChange.emit({
+      component: "telia-date-picker",
+      value: this.value,
+      valueAsDate: e
+    });
+  }
+  render() {
+    var e;
+    const t = !!this.additional, a = !!(!((e = this.errorMessageState) === null || e === void 0) && e.length), r = j({
+      [this.additionalId]: t,
+      [this.errorId]: a
+    }), l = p(this.value), s = l && this.dateAdapter.format(l), c = (l || this.focusedDay).getFullYear(), d = this.focusedDay.getMonth(), m = this.focusedDay.getFullYear(), n = p(this.min), u = p(this.max), _ = n !== void 0 && n.getMonth() === d && n.getFullYear() === m, f = u !== void 0 && u.getMonth() === d && u.getFullYear() === m, g = n !== void 0 ? n.getFullYear() : c - this.range.past, v = u !== void 0 ? u.getFullYear() : c + this.range.future;
+    return i($, null, i("telia-vst", { dataTrackingId: this.dataTrackingId }), i("div", { class: "telia-date-picker" }, i(ne, { dateFormatter: this.dateFormatLong, describedBy: r, value: this.value, valueAsDate: l, formattedValue: s, onInput: this.handleInputChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.toggleOpen, name: this.name, disabled: this.disabled, readonly: this.readonly, role: this.role, required: this.required, identifier: this.inputId, localization: this.localization, buttonLabel: this.buttonLabel, buttonRef: this.setToggleRef, inputRef: this.setTextInputRef, touched: this.touched, makeTouched: this.makeTouched, htmlForm: this.htmlForm }), i("telia-label", { class: "telia-date-picker__label", htmlFor: this.inputId }, this.required && i("span", { "aria-hidden": "true" }, "* "), this.label), t && i("telia-field-assistive-text", { class: "telia-date-picker__additional", id: this.additionalId }, this.additional), a && i("telia-field-error", { class: "telia-date-picker__error", id: this.errorId }, this.errorMessageState), i("div", { class: "telia-date-picker__dialog-container" }, i("div", { class: {
+      "telia-date-picker__dialog": !0,
+      "is-left": this.direction === "left",
+      "is-active": this.open
+    }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, i("div", { class: "telia-date-picker__dialog-content", onKeyDown: this.handleEscKey, ref: this.setDialogWrapperRef }, i("div", { class: "telia-date-picker__mobile", onFocusin: this.disableActiveFocus }, i("telia-heading", { tag: "h2", class: "telia-date-picker__mobile-heading", variant: "subsection-100" }, this.localization.calendarHeading), i("button", { class: "telia-date-picker__close", ref: this.setCloseButtonRef, onKeyDown: this.handleFirstFocusableKeydown, onClick: this.handleCloseButtonClick, type: "button" }, i("telia-icon", { class: "telia-date-picker__close-icon", svg: J.svg, size: "sm" }), i("span", { class: "telia-date-picker__vhidden" }, this.localization.closeLabel))), i("div", { class: "telia-date-picker__header", onFocusin: this.disableActiveFocus }, i("div", null, i("h2", { id: this.dialogLabelId, class: "telia-date-picker__vhidden", "aria-live": "polite", "aria-atomic": "true" }, this.localization.monthNames[d], " ", this.focusedDay.getFullYear()), i("label", { htmlFor: this.monthSelectId, class: "telia-date-picker__vhidden" }, this.localization.monthSelectLabel), i("div", { class: "telia-date-picker__select" }, i("select", { id: this.monthSelectId, class: "telia-date-picker__select--month", ref: this.setMonthSelectRef, onChange: this.handleMonthSelect, onInput: (o) => {
+      o.stopPropagation();
+    } }, this.localization.monthNames.map((o, y) => i("option", { key: o, value: y, selected: y === d, disabled: !C(new Date(m, y, 1), n !== void 0 ? w(n) : null, u !== void 0 ? D(u) : null) }, o))), i("div", { class: "telia-date-picker__select-label", "aria-hidden": "true" }, i("span", null, this.localization.monthNamesShort[d]), i("telia-icon", { class: "telia-date-picker__select-icon", svg: E.svg, size: "sm" }))), i("label", { htmlFor: this.yearSelectId, class: "telia-date-picker__vhidden" }, this.localization.yearSelectLabel), i("div", { class: "telia-date-picker__select" }, i("select", { id: this.yearSelectId, class: "telia-date-picker__select--year", onChange: this.handleYearSelect, onInput: (o) => {
+      o.stopPropagation();
+    } }, fe(g, v).map((o) => i("option", { key: o, selected: o === m }, o))), i("div", { class: "telia-date-picker__select-label", "aria-hidden": "true" }, i("span", null, this.focusedDay.getFullYear()), i("telia-icon", { class: "telia-date-picker__select-icon", svg: E.svg, size: "sm" })))), i("div", { class: "telia-date-picker__nav" }, i("button", { class: "telia-date-picker__prev", onClick: this.handlePreviousMonthClick, disabled: _, type: "button" }, i("telia-icon", { class: "telia-date-picker__prev-icon", svg: le.svg, size: "sm" }), i("span", { class: "telia-date-picker__vhidden" }, this.localization.prevMonthLabel)), i("button", { class: "telia-date-picker__next", onClick: this.handleNextMonthClick, disabled: f, type: "button" }, i("telia-icon", { class: "telia-date-picker__next-icon", svg: ie.svg, size: "sm" }), i("span", { class: "telia-date-picker__vhidden" }, this.localization.nextMonthLabel)))), i(he, { dateFormatter: this.dateFormatShort, selectedDate: l, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, localization: this.localization, firstDayOfWeek: this.firstDayOfWeek, focusedDayRef: this.processFocusedDayNode, min: n, max: u, isDateDisabled: this.isDateDisabled }))))));
+  }
+  get element() {
+    return this;
+  }
+  static get watchers() {
+    return {
+      yearRange: ["yearRangeChanged"],
+      localization: ["createDateFormatters"]
+    };
+  }
+  static get style() {
+    return ge;
+  }
+}, [0, "telia-date-picker", {
+  dataTestid: [1, "data-testid"],
+  htmlForm: [1, "html-form"],
+  name: [1],
+  label: [1],
+  additional: [1],
+  additionalId: [1, "additional-id"],
+  inputId: [1, "input-id"],
+  disabled: [516],
+  role: [1],
+  buttonLabel: [1, "button-label"],
+  direction: [1],
+  readonly: [4],
+  required: [4],
+  value: [1537],
+  min: [1],
+  max: [1],
+  yearRange: [1, "year-range"],
+  firstDayOfWeek: [2, "first-day-of-week"],
+  localization: [16],
+  dateAdapter: [16],
+  modalOpen: [1540, "modal-open"],
+  isDateDisabled: [16],
+  errorId: [1, "error-id"],
+  errorMessage: [1, "error-message"],
+  invalidErrorMessage: [1, "invalid-error-message"],
+  requiredErrorMessage: [1, "required-error-message"],
+  activeFocus: [32],
+  focusedDay: [32],
+  open: [32],
+  errorMessageState: [32],
+  touched: [32],
+  setFocus: [64],
+  show: [64],
+  hide: [64]
+}, [[6, "click", "handleDocumentClick"]]]);
+function ye() {
+  if (typeof customElements > "u")
+    return;
+  ["telia-date-picker", "telia-field-assistive-text", "telia-field-error", "telia-heading", "telia-icon", "telia-label", "telia-vst"].forEach((t) => {
+    switch (t) {
+      case "telia-date-picker":
+        customElements.get(t) || customElements.define(t, ke);
+        break;
+      case "telia-field-assistive-text":
+        customElements.get(t) || U();
+        break;
+      case "telia-field-error":
+        customElements.get(t) || X();
+        break;
+      case "telia-heading":
+        customElements.get(t) || Q();
+        break;
+      case "telia-icon":
+        customElements.get(t) || ee();
+        break;
+      case "telia-label":
+        customElements.get(t) || te();
+        break;
+      case "telia-vst":
+        customElements.get(t) || ae();
+        break;
+    }
+  });
+}
+ye();
+//# sourceMappingURL=telia-date-picker.js.map