@telia-ace/alliance-ui 1.0.14-next.1 → 1.0.15-next.0

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

@@ -1,591 +1,3 @@
-import { p as G, H as K, c as I, h as i, a as $, F as W } from "../../chunks/index-eef143db.js";
-import { u as k } from "../../chunks/uniqueId-0daf01ec.js";
-import { s as X } from "../../chunks/stringCombiner-10b57054.js";
-import { c as E } from "../../chunks/chevron-down-50d47dd6.js";
-import { c as j } from "../../chunks/close-ac6e4f1c.js";
-import { d as J } from "../../chunks/telia-button-c9ba09a9.js";
-import { d as U } from "../../chunks/telia-field-assistive-text-173ba2fb.js";
-import { d as Q } from "../../chunks/telia-field-error-f978aeb3.js";
-import { d as ee } from "../../chunks/telia-heading-38ae44ae.js";
-import { d as te } from "../../chunks/telia-icon-d0e7c715.js";
-import { d as ae } from "../../chunks/telia-label-f4c1eb47.js";
-import { d as ie } from "../../chunks/telia-vst2-dfb33a56.js";
-import "../../chunks/error-filled-8de50bdd.js";
-import "../../chunks/getSvgContent-f2389ce0.js";
-const 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 = { 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>' }, se = /^(\d{4})-(\d{2})-(\d{2})$/;
-var y;
-(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";
-})(y || (y = {}));
-function x(e, t, a) {
-  const r = parseInt(a, 10), l = parseInt(t, 10), o = parseInt(e, 10);
-  if (Number.isInteger(o) && // all parts should be integers
-  Number.isInteger(l) && Number.isInteger(r) && l > 0 && // month must be 1-12
-  l <= 12 && r > 0 && // day must be 1-31
-  r <= 31 && o > 0)
-    return new Date(o, l - 1, r);
-}
-function v(e) {
-  if (!e)
-    return;
-  const t = e.match(se);
-  if (t !== null && t.length)
-    return x(t[1], t[2], t[3]);
-}
-function A(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 F(e, t) {
-  return e == null || t == null ? !1 : V(e, t) && e.getDate() === t.getDate();
-}
-function V(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 R(e, t = y.Monday) {
-  const a = new Date(e), r = a.getDay(), l = (r < t ? 7 : 0) + r - t;
-  return a.setDate(a.getDate() - l), a;
-}
-function P(e, t = y.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 C(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 L(e, t) {
-  const a = new Date(e);
-  return a.setFullYear(t), a;
-}
-function M(e, t, a) {
-  return S(e, t, a) === e;
-}
-function S(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 ne(e, t) {
-  const a = [];
-  let r = e;
-  for (; !F(r, t); )
-    a.push(r), r = z(r, 1);
-  return a.push(r), a;
-}
-function ce(e, t = y.Monday) {
-  const a = R(w(e), t), r = P(C(e), t);
-  return ne(a, r);
-}
-const de = ({ onClick: e, dateFormatter: t, describedBy: a, localization: r, name: l, formattedValue: o, valueAsDate: s, value: d, identifier: h, disabled: c, readonly: u, required: _, role: g, touched: b, buttonLabel: m, buttonRef: n, inputRef: f, onInput: B, onBlur: N, onFocus: O, makeTouched: T, htmlForm: q }) => {
-  const Z = u || c;
-  return i(
-    W,
-    null,
-    i("input", { class: {
-      "telia-date-picker__input": !0,
-      "telia-date-picker__input--touched": b
-    }, value: o, id: h, disabled: c, readonly: u, role: g, required: _ ? !0 : void 0, "aria-autocomplete": "none", "aria-describedby": a, onInput: B, onFocus: O, onBlur: (D) => {
-      T(), N(D);
-    }, autoComplete: "off", ref: f, onInvalid: (D) => {
-      T(), D.preventDefault();
-    }, form: q }),
-    i("input", { type: "hidden", name: l, value: d }),
-    i(
-      "div",
-      { class: "telia-date-picker__input-icon-container" },
-      i(
-        "telia-button",
-        { allyLabel: m, variant: "text", size: "sm", onClick: e, disabled: Z, ref: (D) => n(D), type: "button", "data-testid": "telia-date-picker__toggle-button" },
-        i("telia-icon", { class: "telia-date-picker__toggle-icon", svg: re.svg, size: "sm" }),
-        i(
-          "span",
-          { class: "telia-date-picker__vhidden" },
-          r.buttonLabel,
-          s && i(
-            "span",
-            null,
-            ", ",
-            r.selectedDateMessage,
-            " ",
-            t.format(s)
-          )
-        )
-      )
-    )
-  );
-}, ue = ({ focusedDay: e, today: t, day: a, onDaySelect: r, onKeyboardNavigation: l, focusedDayRef: o, disabled: s, inRange: d, isSelected: h, dateFormatter: c }) => {
-  const u = F(a, t), _ = V(a, e), g = F(a, e), b = !d, m = s || b;
-  return i(
-    "button",
-    {
-      class: {
-        "telia-date-picker__day": !0,
-        "is-today": u,
-        "is-month": _,
-        "is-disabled": m
-      },
-      tabIndex: g ? 0 : -1,
-      onClick: (f) => {
-        r(f, a);
-      },
-      onKeyDown: l,
-      "aria-disabled": m ? "true" : void 0,
-      // disabled days have to be focusable for a11y purposes
-      disabled: b,
-      type: "button",
-      "aria-pressed": h ? "true" : "false",
-      ref: (f) => {
-        g && f && o && o(f);
-      }
-    },
-    i("span", { "aria-hidden": "true" }, a.getDate()),
-    i("span", { class: "telia-date-picker__vhidden" }, c.format(a))
-  );
-};
-function he(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 o = (l + t) % e.length;
-    return a(e[o]);
-  });
-}
-const pe = ({ selectedDate: e, focusedDate: t, labelledById: a, localization: r, firstDayOfWeek: l, min: o, max: s, dateFormatter: d, isDateDisabled: h, onDateSelect: c, onKeyboardNavigation: u, focusedDayRef: _ }) => {
-  const g = /* @__PURE__ */ new Date(), b = 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, (m) => i(
-          "th",
-          { class: "telia-date-picker__table-header", scope: "col" },
-          i("span", { "aria-hidden": "true" }, m.substr(0, 2)),
-          i("span", { class: "telia-date-picker__vhidden" }, m)
-        )))
-      ),
-      i("tbody", null, he(b, 7).map((m) => i("tr", { class: "telia-date-picker__row" }, m.map((n) => i(
-        "td",
-        { class: "telia-date-picker__cell" },
-        i(ue, { day: n, today: g, focusedDay: t, isSelected: F(n, e), disabled: h(n), inRange: M(n, o, s), onDaySelect: c, dateFormatter: d, onKeyboardNavigation: u, focusedDayRef: _ })
-      )))))
-    )
-  );
-}, ve = {
-  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"
-}, fe = {
-  parse: v,
-  format: A
-}, ge = (e, t) => {
-  const a = [];
-  for (var r = e; r <= t; r++)
-    a.push(r);
-  return a;
-}, be = {
-  breakpointSm: "0",
-  breakpointMd: "37.5em",
-  breakpointLg: "64em",
-  breakpointXl: "90em",
-  fluidBreakpointMedium: "60rem",
-  fluidBreakpointXlarge: "144rem"
-}, _e = '.telia-date-picker{display:flex;flex-direction:column;position:relative}.telia-date-picker__label{order:1}.telia-date-picker__label label{color:rgba(0, 0, 0, 0.85)}.telia-date-picker__input{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3);border-radius:calc(0.2rem * var(--voca-rem-multiplier));background-color:#ffffff;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;color:rgba(0, 0, 0, 0.85);display:block;margin:0;padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier));width:100%;color:rgba(0, 0, 0, 0.85);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 rgba(0, 0, 0, 0.3)}.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 rgba(0, 0, 0, 0.3)}.telia-date-picker__input:read-only{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;background-color:rgba(0, 0, 0, 0.05)}.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 rgba(0, 0, 0, 0.15);background-color:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.4);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:rgba(0, 0, 0, 0.4);cursor:not-allowed}.telia-date-picker__input:disabled~.telia-date-picker__additional{color:rgba(0, 0, 0, 0.4)}.telia-date-picker__input:invalid{box-shadow:none}.telia-date-picker__input--touched:invalid{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #e4175c}.telia-date-picker__input--touched:invalid:focus{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-date-picker__input--touched:invalid:hover:not(:focus){border:calc(0.2rem * var(--voca-rem-multiplier)) solid #e4175c;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-icon{margin:0 calc(1.2rem * var(--voca-rem-multiplier))}.telia-date-picker__input--touched:invalid~.telia-date-picker__input-icon-container .telia-date-picker__toggle-icon{color:#e4175c}.telia-date-picker__dialog-container{order:4}.telia-date-picker__dialog{z-index:300;background-color:rgba(0, 0, 0, 0.3);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 rgba(0, 0, 0, 0.3);border-radius:calc(0.2rem * var(--voca-rem-multiplier));box-shadow:0 calc(1.2rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) rgba(0, 0, 0, 0.1);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:#29003e;-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: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]{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;background-color:#29003e;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]{background:transparent;color:rgba(0, 0, 0, 0.4);cursor:default}.telia-date-picker__day[aria-disabled=true]{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;background-color:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.6)}.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(0.8rem * 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:not([disabled]):hover,.telia-date-picker__next:not([disabled]):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:visible;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;display:flex;justify-content:flex-end;padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * 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))}.telia-date-picker__close:hover{color:#29003e}.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))}', p = {
-  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 ke(e, t) {
-  const a = e.value, r = e.selectionStart, l = a.slice(0, r), o = a.slice(r, a.length), s = l.replace(t, ""), d = o.replace(t, ""), h = s + d, c = s.length;
-  return e.value = h, e.selectionStart = e.selectionEnd = c, h;
-}
-const ye = /[^0-9\.\/\-]+/g, Y = 300, De = /* @__PURE__ */ G(class extends K {
-  constructor() {
-    super(), this.__registerHost(), this.vocaChange = I(this, "vocaChange", 7), this.vocaBlur = I(this, "vocaBlur", 7), this.vocaFocus = I(this, "vocaFocus", 7), this.monthSelectId = k("dateMonth"), this.yearSelectId = k("dateYear"), this.dialogLabelId = k("dateLabel"), this.body = document.body, this.initialTouchX = null, this.initialTouchY = null, this.dataTrackingId = "telia-date-picker", this.name = "date", this.additionalId = k("additional"), this.inputId = k("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 = y.Monday, this.localization = ve, this.dateAdapter = fe, this.modalOpen = !1, this.isDateDisabled = () => !1, this.errorId = k("error"), this.activeFocus = !1, this.focusedDay = /* @__PURE__ */ new Date(), this.open = this.modalOpen, this.errorMessageState = "", this.touched = !1, this.toggleSmallScreenScroll = () => {
-      if (this.body.style.overflowY === "hidden") {
-        this.body.style.overflowY = "";
-        return;
-      }
-      const { matches: e } = window.matchMedia(`(max-width: ${be.breakpointMd})`);
-      e && (this.body.style.overflowY = "hidden");
-    }, 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 === p.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, o = Math.abs(a) >= l && Math.abs(r) <= l, s = Math.abs(r) >= l && Math.abs(a) <= l && r > 0;
-      o ? this.addMonths(a < 0 ? 1 : -1) : s && (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 === p.TAB && e.shiftKey && (this.focusedDayNode.focus(), e.preventDefault());
-    }, this.handleCloseButtonClick = () => {
-      this.hide();
-    }, this.handleKeyboardNavigation = (e) => {
-      if (e.keyCode === p.TAB && !e.shiftKey) {
-        e.preventDefault(), this.firstFocusableElement.querySelector("button").focus();
-        return;
-      }
-      var t = !0;
-      switch (e.keyCode) {
-        case p.RIGHT:
-          this.addDays(1);
-          break;
-        case p.LEFT:
-          this.addDays(-1);
-          break;
-        case p.DOWN:
-          this.addDays(7);
-          break;
-        case p.UP:
-          this.addDays(-7);
-          break;
-        case p.PAGE_UP:
-          e.shiftKey ? this.addYears(-1) : this.addMonths(-1);
-          break;
-        case p.PAGE_DOWN:
-          e.shiftKey ? this.addYears(1) : this.addMonths(1);
-          break;
-        case p.HOME:
-          this.startOfWeek();
-          break;
-        case p.END:
-          this.endOfWeek();
-          break;
-        default:
-          t = !1;
-      }
-      t && (e.preventDefault(), this.enableActiveFocus());
-    }, this.handleDaySelect = (e, t) => {
-      const a = M(t, v(this.min), v(this.max)), r = !this.isDateDisabled(t);
-      a && r ? (this.setValue(t), this.updateErrorMessage(""), 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;
-      ke(e, ye);
-      const t = this.dateAdapter.parse(e.value, x);
-      (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, x);
-      return t === void 0 || !M(t, v(this.min), v(this.max)) ? !1 : !this.isDateDisabled(t);
-    }, this.updateErrorMessage = (e) => {
-      var t, a;
-      (a = (t = this.datePickerInput) === null || t === void 0 ? void 0 : t.setCustomValidity) === null || a === void 0 || a.call(t, 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, o = !!(!((t = this.errorMessage) === null || t === void 0) && t.length), s = !!(!((a = this.invalidErrorMessage) === null || a === void 0) && a.length), d = !!this.datePickerInput;
-      if (o) {
-        this.updateErrorMessage(this.errorMessage), this.makeTouched();
-        return;
-      }
-      if (s && d && !this.isValueValid() && this.updateErrorMessage(this.invalidErrorMessage), l && this.touched && this.requiredErrorMessage && this.isValueMissing() && this.updateErrorMessage(this.requiredErrorMessage), r) {
-        if (o || s && !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;
-    (t = (e = this.datePickerInput) === null || e === void 0 ? void 0 : e.setCustomValidity) === null || t === void 0 || t.call(e, 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"
-    });
-  }
-  /**
-   * Component event handling.
-   */
-  handleDocumentClick(e) {
-    if (!this.open)
-      return;
-    e.composedPath().every((a) => a !== this.dialogWrapperNode && a !== this.datePickerButton) && this.hide(!1);
-  }
-  /**
-   * Public methods API
-   */
-  /**
-   * Sets focus on the date picker's input. Use this method instead of the global `focus()`.
-   */
-  async setFocus() {
-    return this.datePickerInput.focus();
-  }
-  /**
-   * Show the calendar modal, moving focus to the calendar inside.
-   */
-  async show() {
-    this.open = !0, this.modalOpen = !0, this.setFocusedDay(v(this.value) || /* @__PURE__ */ new Date()), this.toggleSmallScreenScroll(), clearTimeout(this.focusTimeoutId), this.focusTimeoutId = setTimeout(() => this.monthSelectNode.focus(), Y);
-  }
-  /**
-   * Hide the calendar modal. Set `moveFocusToButton` to false to prevent focus
-   * returning to the date picker's button. Default is true.
-   */
-  async hide(e = !0) {
-    this.open = !1, this.modalOpen = !1, this.toggleSmallScreenScroll(), clearTimeout(this.focusTimeoutId), e && setTimeout(
-      // TODO: querySelector as a workaround to focus native button inside telia-button, until telia-button doesn't handle that itself
-      () => this.datePickerButton.querySelector("button").focus(),
-      Y + 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(R(this.focusedDay, this.firstDayOfWeek));
-  }
-  endOfWeek() {
-    this.setFocusedDay(P(this.focusedDay, this.firstDayOfWeek));
-  }
-  setMonth(e) {
-    const t = H(w(this.focusedDay), e), a = C(t), r = H(this.focusedDay, e);
-    this.setFocusedDay(S(r, t, a));
-  }
-  setYear(e) {
-    const t = L(w(this.focusedDay), e), a = C(t), r = L(this.focusedDay, e);
-    this.setFocusedDay(S(r, t, a));
-  }
-  setFocusedDay(e) {
-    this.focusedDay = S(e, v(this.min), v(this.max));
-  }
-  setValue(e) {
-    this.value = A(e), this.vocaChange.emit({
-      component: "telia-date-picker",
-      value: this.value,
-      valueAsDate: e
-    });
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    var e;
-    const t = !!this.additional, a = !!(!((e = this.errorMessageState) === null || e === void 0) && e.length), r = X({
-      [this.additionalId]: t,
-      [this.errorId]: a
-    }), l = v(this.value), o = l && this.dateAdapter.format(l), s = (l || this.focusedDay).getFullYear(), d = this.focusedDay.getMonth(), h = this.focusedDay.getFullYear(), c = v(this.min), u = v(this.max), _ = c !== void 0 && c.getMonth() === d && c.getFullYear() === h, g = u !== void 0 && u.getMonth() === d && u.getFullYear() === h, b = c !== void 0 ? c.getFullYear() : s - this.range.past, m = u !== void 0 ? u.getFullYear() : s + this.range.future;
-    return i($, null, i("telia-vst", { dataTrackingId: this.dataTrackingId }), i("div", { class: "telia-date-picker" }, i(de, { dateFormatter: this.dateFormatLong, describedBy: r, value: this.value, valueAsDate: l, formattedValue: o, 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("telia-button", { class: "telia-date-picker__close", ref: this.setCloseButtonRef, onKeyDown: this.handleFirstFocusableKeydown, onClick: this.handleCloseButtonClick, size: "sm", variant: "text", type: "button", allyLabel: this.localization.closeLabel }, i("telia-icon", { class: "telia-date-picker__close-icon", svg: j.svg, size: "sm" }))), 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: (n) => {
-      n.stopPropagation();
-    } }, this.localization.monthNames.map((n, f) => i("option", { key: n, value: f, selected: f === d, disabled: !M(new Date(h, f, 1), c !== void 0 ? w(c) : null, u !== void 0 ? C(u) : null) }, n))), 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: (n) => {
-      n.stopPropagation();
-    } }, ge(b, m).map((n) => i("option", { key: n, selected: n === h }, n))), 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", "aria-label": this.localization.prevMonthLabel }, i("telia-icon", { class: "telia-date-picker__prev-icon", svg: le.svg, size: "sm" })), i("button", { class: "telia-date-picker__next", onClick: this.handleNextMonthClick, disabled: g, type: "button", "aria-label": this.localization.nextMonthLabel }, i("telia-icon", { class: "telia-date-picker__next-icon", svg: oe.svg, size: "sm" })))), i(pe, { 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: c, max: u, isDateDisabled: this.isDateDisabled }))))));
-  }
-  get element() {
-    return this;
-  }
-  static get watchers() {
-    return {
-      yearRange: ["yearRangeChanged"],
-      localization: ["createDateFormatters"]
-    };
-  }
-  static get style() {
-    return _e;
-  }
-}, [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 we() {
-  if (typeof customElements > "u")
-    return;
-  ["telia-date-picker", "telia-button", "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, De);
-        break;
-      case "telia-button":
-        customElements.get(t) || J();
-        break;
-      case "telia-field-assistive-text":
-        customElements.get(t) || U();
-        break;
-      case "telia-field-error":
-        customElements.get(t) || Q();
-        break;
-      case "telia-heading":
-        customElements.get(t) || ee();
-        break;
-      case "telia-icon":
-        customElements.get(t) || te();
-        break;
-      case "telia-label":
-        customElements.get(t) || ae();
-        break;
-      case "telia-vst":
-        customElements.get(t) || ie();
-        break;
-    }
-  });
-}
-we();
-//# sourceMappingURL=telia-date-picker.js.map
+import '@teliads/components/dist/components/telia-date-picker';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=telia-date-picker.js.map