@oslokommune/punkt-elements 12.18.0 → 12.18.2

package/dist/datepicker-BhavwiBZ.js

@@ -0,0 +1,659 @@
+import { e as x } from "./class-map-hz16xq5a.js";
+import { o as k } from "./if-defined-ZFE4ti2t.js";
+import { e as L, i as j, b as F, T as q, x as v, E as T, n as u, t as H } from "./icon-wUXeHiBk.js";
+import { r as V } from "./state-BfyXV7EL.js";
+import { n as D, f as _, a as N, b as E, d as A } from "./calendar-BUqcNvfI.js";
+import { P as U } from "./input-element-BQTCZtNQ.js";
+import { p as K, v as y, r as w, M as I, m as W, e as R, n as $ } from "./ref-DuFGTLVX.js";
+import "./input-wrapper-BTQk3W8T.js";
+import "./tag-DGFgUF3l.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const B = (e, t, i) => {
+  const a = /* @__PURE__ */ new Map();
+  for (let s = t; s <= i; s++) a.set(e[s], s);
+  return a;
+}, z = L(class extends j {
+  constructor(e) {
+    if (super(e), e.type !== F.CHILD) throw Error("repeat() can only be used in text expressions");
+  }
+  dt(e, t, i) {
+    let a;
+    i === void 0 ? i = t : t !== void 0 && (a = t);
+    const s = [], r = [];
+    let n = 0;
+    for (const f of e) s[n] = a ? a(f, n) : n, r[n] = i(f, n), n++;
+    return { values: r, keys: s };
+  }
+  render(e, t, i) {
+    return this.dt(e, t, i).values;
+  }
+  update(e, [t, i, a]) {
+    const s = K(e), { values: r, keys: n } = this.dt(t, i, a);
+    if (!Array.isArray(s)) return this.ut = n, r;
+    const f = this.ut ?? (this.ut = []), m = [];
+    let C, O, p = 0, h = s.length - 1, d = 0, c = r.length - 1;
+    for (; p <= h && d <= c; ) if (s[p] === null) p++;
+    else if (s[h] === null) h--;
+    else if (f[p] === n[d]) m[d] = y(s[p], r[d]), p++, d++;
+    else if (f[h] === n[c]) m[c] = y(s[h], r[c]), h--, c--;
+    else if (f[p] === n[c]) m[c] = y(s[p], r[c]), w(e, m[c + 1], s[p]), p++, c--;
+    else if (f[h] === n[d]) m[d] = y(s[h], r[d]), w(e, s[p], s[h]), h--, d++;
+    else if (C === void 0 && (C = B(n, d, c), O = B(f, p, h)), C.has(f[p])) if (C.has(f[h])) {
+      const g = O.get(n[d]), S = g !== void 0 ? s[g] : null;
+      if (S === null) {
+        const M = w(e, s[p]);
+        y(M, r[d]), m[d] = M;
+      } else m[d] = y(S, r[d]), w(e, s[p], S), s[g] = null;
+      d++;
+    } else I(s[h]), h--;
+    else I(s[p]), p++;
+    for (; d <= c; ) {
+      const g = w(e, m[c + 1]);
+      y(g, r[d]), m[d++] = g;
+    }
+    for (; p <= h; ) {
+      const g = s[p++];
+      g !== null && I(g);
+    }
+    return this.ut = n, W(e, m), q;
+  }
+}), G = "pkt-datepicker", J = !0, Q = {
+  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"
+  },
+  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",
+    default: !1,
+    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"
+  },
+  useWrapper: {
+    type: "boolean",
+    name: "Bruk wrapper",
+    description: "Indikerer at feltet skal ha synlig label og hjelpetekst",
+    displayAsFalse: !0,
+    default: !0
+  },
+  id: {
+    type: "string",
+    name: "ID",
+    description: "Unik identifikasjon for datovelgeren"
+  }
+}, X = {
+  change: {
+    type: "Event",
+    description: "Returnerer valgt dato som streng i ISO-format"
+  },
+  "value-change": {
+    type: "CustomEvent",
+    description: "Returnerer en <code>array</code> med valgte datoer i ISO-format"
+  },
+  toggleHelpText: {
+    type: "CustomEvent",
+    description: "Returnerer <code>event.detail { isOpen: true }</code> eller <code>event.detail { isOpen: false }</code> når hjelpeteksten åpnes eller lukkes"
+  }
+}, b = {
+  name: G,
+  "css-class": "pkt-datepicker",
+  isElement: J,
+  props: Q,
+  events: X
+};
+var Y = Object.defineProperty, Z = Object.getOwnPropertyDescriptor, o = (e, t, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Z(t, i) : t, r = e.length - 1, n; r >= 0; r--)
+    (n = e[r]) && (s = (a ? n(t, i, s) : n(s)) || s);
+  return a && s && Y(t, i, s), s;
+};
+const P = (e) => new Promise((t) => setTimeout(t, e));
+let l = class extends U {
+  constructor() {
+    super(...arguments), this.value = "", this._value = this.value ? Array.isArray(this.value) ? this.value : this.value.split(",") : [], this.label = "Datovelger", this.dateformat = b.props.dateformat.default, this.multiple = b.props.multiple.default, this.maxlength = null, this.range = b.props.range.default, this.showRangeLabels = !1, this.min = null, this.max = null, this.weeknumbers = b.props.weeknumbers.default, this.withcontrols = b.props.withcontrols.default, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.calendarOpen = !1, this.timezone = "Europe/Oslo", this.inputClasses = {}, this.buttonClasses = {}, this.inputRef = R(), this.inputRefTo = R(), this.btnRef = R(), this.calRef = R(), this.popupRef = R(), this.addToSelected = (e) => {
+      const t = e.target;
+      if (!t.value) return;
+      const i = this.min ? D(this.min) : null, a = this.max ? D(this.max) : null, s = D(t.value.split(",")[0]);
+      s && !isNaN(s.getTime()) && (!i || s >= i) && (!a || s <= a) && this.calRef.value && this.calRef.value.handleDateSelect(s), t.value = "";
+    };
+  }
+  /**
+   * Housekeeping / lifecycle methods
+   */
+  async connectedCallback() {
+    super.connectedCallback(), this.isMobileSafari = /iP(ad|od|hone)/i.test(window.navigator.userAgent) && !!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/), this.inputType = this.isMobileSafari ? "text" : "date", document && document.body.addEventListener("click", (e) => {
+      var t, i;
+      (t = this.inputRef) != null && t.value && ((i = this.btnRef) != null && i.value) && !this.inputRef.value.contains(e.target) && !(this.inputRefTo.value && this.inputRefTo.value.contains(e.target)) && !this.btnRef.value.contains(e.target) && !e.target.closest(".pkt-calendar-popup") && this.calendarOpen && (this.onBlur(), this.hideCalendar());
+    }), this.value.length && this._value.length === 0 && (this._value = Array.isArray(this.value) ? this.value : this.value.split(",")), this.min = this.min || b.props.min.default, this.max = this.max || b.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 P(20), this.handleCalendarPosition());
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), document && document.body.removeEventListener("click", (e) => {
+      var t, i;
+      (t = this.inputRef) != null && t.value && ((i = this.btnRef) != null && i.value) && !this.inputRef.value.contains(e.target) && !this.btnRef.value.contains(e.target) && this.hideCalendar();
+    });
+  }
+  attributeChangedCallback(e, t, i) {
+    if (e === "value") {
+      if (this.range && (i == null ? void 0 : i.split(",").length) === 1) return;
+      this.value !== t && this.valueChanged(i, t);
+    }
+    e === "excludedates" && typeof this.excludedates == "string" && (this.excludedates = (i == null ? void 0 : i.split(",")) ?? []), e === "excludeweekdays" && typeof this.excludeweekdays == "string" && (this.excludeweekdays = (i == null ? void 0 : i.split(",")) ?? []), super.attributeChangedCallback(e, t, i);
+  }
+  updated(e) {
+    if (e.has("value")) {
+      if (this.range && this.value.length === 1) return;
+      this.valueChanged(this.value, e.get("value"));
+    }
+    super.updated(e);
+  }
+  /**
+   * Rendering
+   */
+  renderInput() {
+    return v`
+      <input
+        class="${x(this.inputClasses)}"
+        .type=${this.inputType}
+        id="${this.id}-input"
+        .value=${this._value[0] ?? ""}
+        min=${k(this.min)}
+        max=${k(this.max)}
+        @click=${(e) => {
+      e.preventDefault(), this.showCalendar();
+    }}
+        ?disabled=${this.disabled}
+        @keydown=${(e) => {
+      var t;
+      (e.key === "," || e.key === "Enter") && ((t = this.inputRef.value) == null || t.blur()), (e.key === "Space" || e.key === " ") && (e.preventDefault(), this.toggleCalendar(e));
+    }}
+        @input=${(e) => {
+      this.onInput(), e.stopImmediatePropagation();
+    }}
+        @focus=${() => {
+      this.onFocus(), this.isMobileSafari && this.showCalendar();
+    }}
+        @blur=${(e) => {
+      var t;
+      (t = this.calRef.value) != null && t.contains(e.relatedTarget) || this.onBlur(), this.manageValidity(e.target), this.value = e.target.value;
+    }}
+        @change=${(e) => {
+      e.stopImmediatePropagation();
+    }}
+        ${$(this.inputRef)}
+      />
+    `;
+  }
+  renderRangeInput() {
+    const e = {
+      "pkt-input-prefix": this.showRangeLabels,
+      "pkt-hide": !this.showRangeLabels
+    };
+    return v`
+      ${this.showRangeLabels ? v` <div class="pkt-input-prefix">${this.strings.generic.from}</div> ` : T}
+      <input
+        class=${x(this.inputClasses)}
+        .type=${this.inputType}
+        id="${this.id}-input"
+        .value=${this._value[0] ?? ""}
+        min=${k(this.min)}
+        max=${k(this.max)}
+        ?disabled=${this.disabled}
+        @click=${(t) => {
+      t.preventDefault(), this.showCalendar();
+    }}
+        @keydown=${(t) => {
+      var i;
+      (t.key === "," || t.key === "Enter") && ((i = this.inputRef.value) == null || i.blur()), (t.key === "Space" || t.key === " ") && (t.preventDefault(), this.toggleCalendar(t));
+    }}
+        @input=${(t) => {
+      this.onInput(), t.stopImmediatePropagation();
+    }}
+        @focus=${() => {
+      this.onFocus(), this.isMobileSafari && this.showCalendar();
+    }}
+        @blur=${(t) => {
+      var i, a;
+      if (t.target.value) {
+        this.manageValidity(t.target);
+        const s = _(t.target.value);
+        s && this._value[0] !== t.target.value && this._value[1] && (this.clearInputValue(), (a = (i = this.calRef) == null ? void 0 : i.value) == null || a.handleDateSelect(s));
+      } else this._value[0] && this.clearInputValue();
+    }}
+        @change=${(t) => {
+      t.stopImmediatePropagation();
+    }}
+        ${$(this.inputRef)}
+      />
+      <div class="${x(e)}" id="${this.id}-to-label">
+        ${this.strings.generic.to}
+      </div>
+      ${this.showRangeLabels ? T : v` <div class="pkt-input-separator">–</div> `}
+      <input
+        class=${x(this.inputClasses)}
+        .type=${this.inputType}
+        id="${this.id}-to"
+        aria-labelledby="${this.id}-to-label"
+        .value=${this._value[1] ?? ""}
+        min=${k(this.min)}
+        max=${k(this.max)}
+        ?disabled=${this.disabled}
+        @click=${(t) => {
+      t.preventDefault(), this.showCalendar();
+    }}
+        @keydown=${(t) => {
+      var i;
+      (t.key === "," || t.key === "Enter") && ((i = this.inputRefTo.value) == null || i.blur()), (t.key === "Space" || t.key === " ") && (t.preventDefault(), this.toggleCalendar(t));
+    }}
+        @input=${(t) => {
+      this.onInput(), t.stopImmediatePropagation();
+    }}
+        @focus=${() => {
+      this.onFocus(), this.isMobileSafari && this.showCalendar();
+    }}
+        @blur=${(t) => {
+      var i, a, s;
+      if ((i = this.calRef.value) != null && i.contains(t.relatedTarget) || this.onBlur(), t.target.value) {
+        this.manageValidity(t.target);
+        const r = t.target.value;
+        this.min && this.min > r ? this.internals.setValidity(
+          { rangeUnderflow: !0 },
+          this.strings.forms.messages.rangeUnderflow,
+          t.target
+        ) : this.max && this.max < r && this.internals.setValidity(
+          { rangeOverflow: !0 },
+          this.strings.forms.messages.rangeOverflow,
+          t.target
+        );
+        const n = _(t.target.value);
+        n && this._value[1] !== N(n) && ((s = (a = this.calRef) == null ? void 0 : a.value) == null || s.handleDateSelect(n));
+      }
+    }}
+        @change=${(t) => {
+      t.stopImmediatePropagation();
+    }}
+        ${$(this.inputRefTo)}
+      />
+    `;
+  }
+  renderMultipleInput() {
+    return v`
+      <input
+        class=${x(this.inputClasses)}
+        .type=${this.inputType}
+        id="${this.id}-input"
+        min=${k(this.min)}
+        max=${k(this.max)}
+        ?disabled=${this.disabled || this.maxlength && this._value.length >= this.maxlength}
+        @click=${(e) => {
+      e.preventDefault(), this.showCalendar();
+    }}
+        @blur=${(e) => {
+      var t;
+      (t = this.calRef.value) != null && t.contains(e.relatedTarget) || this.onBlur(), this.addToSelected(e);
+    }}
+        @input=${(e) => {
+      this.onInput(), e.stopImmediatePropagation();
+    }}
+        @focus=${() => {
+      this.onFocus(), this.isMobileSafari && this.showCalendar();
+    }}
+        @keydown=${(e) => {
+      (e.key === "," || e.key === "Enter") && (e.preventDefault(), this.addToSelected(e)), (e.key === "Space" || e.key === " ") && (e.preventDefault(), this.toggleCalendar(e));
+    }}
+        @change=${(e) => {
+      e.stopImmediatePropagation();
+    }}
+        ${$(this.inputRef)}
+      />
+    `;
+  }
+  renderTags() {
+    return v`
+      <div class="pkt-datepicker__tags" aria-live="polite">
+        ${this._value[0] ? z(
+      this._value ?? [],
+      (e) => e,
+      (e) => v`
+                <pkt-tag
+                  .id="${this.id + e + "-tag"}"
+                  closeTag
+                  ariaLabel="${this.strings.calendar.deleteDate} ${E(
+        e,
+        this.dateformat
+      )}"
+                  @close=${() => {
+        var t;
+        return (t = this.calRef.value) == null ? void 0 : t.handleDateSelect(_(e));
+      }}
+                  ><time datetime="${e}">${E(e, this.dateformat)}</time></pkt-tag
+                >
+              `
+    ) : T}
+      </div>
+    `;
+  }
+  renderCalendar() {
+    return v`<div
+      class="pkt-calendar-popup pkt-${this.calendarOpen ? "show" : "hide"}"
+      @focusout=${(e) => {
+      this.calendarOpen && this.handleFocusOut(e);
+    }}
+      id="${this.id}-popup"
+      ${$(this.popupRef)}
+    >
+      <pkt-calendar
+        id="${this.id}-calendar"
+        ?multiple=${this.multiple}
+        ?range=${this.range}
+        ?weeknumbers=${this.weeknumbers}
+        ?withcontrols=${this.withcontrols}
+        .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=${this.currentmonth ? D(this.currentmonth) : null}
+        @date-selected=${(e) => {
+      this.value = !this.multiple && !this.range ? e.detail[0] : e.detail, this._value = e.detail, this.inputRef.value && (this.range && this.inputRefTo.value ? (this.inputRef.value.value = this._value[0] ?? "", this.inputRefTo.value.value = this._value[1] ?? "") : this.multiple || (this.inputRef.value.value = this._value.length ? this._value[0] : ""));
+    }}
+        @close=${() => {
+      this.onBlur(), this.hideCalendar();
+    }}
+        ${$(this.calRef)}
+      ></pkt-calendar>
+    </div>`;
+  }
+  render() {
+    return this.inputClasses = {
+      "pkt-input": !0,
+      "pkt-datepicker__input": !0,
+      "pkt-input--fullwidth": this.fullwidth,
+      "pkt-datepicker--hasrangelabels": this.showRangeLabels,
+      "pkt-datepicker--multiple": this.multiple,
+      "pkt-datepicker--range": this.range
+    }, this.buttonClasses = {
+      "pkt-input-icon": !0,
+      "pkt-btn": !0,
+      "pkt-btn--icon-only": !0,
+      "pkt-btn--tertiary": !0
+    }, v`
+      <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}
+        ?useWrapper=${this.useWrapper}
+        .optionalText=${this.optionalText}
+        .requiredText=${this.requiredText}
+        .errorMessage=${this.errorMessage}
+        .helptext=${this.helptext}
+        .helptextDropdown=${this.helptextDropdown}
+        .helptextDropdownButton=${this.helptextDropdownButton}
+        .ariaDescribedBy=${this.ariaDescribedBy}
+        class="pkt-datepicker"
+      >
+        ${this.multiple ? this.renderTags() : T}
+        <div
+          class="pkt-datepicker__inputs ${this.range && this.showRangeLabels ? "pkt-input__range-inputs" : ""}"
+        >
+          <div class="pkt-input__container">
+            ${this.range ? this.renderRangeInput() : this.multiple ? this.renderMultipleInput() : this.renderInput()}
+            <button
+              class="${x(this.buttonClasses)}"
+              type="button"
+              @click=${this.toggleCalendar}
+              ?disabled=${this.disabled}
+              ${$(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, i = ((e = this.inputRef.value.parentElement) == null ? void 0 : e.getBoundingClientRect()) || this.inputRef.value.getBoundingClientRect(), a = t ? i.height + 30 : i.height, s = this.popupRef.value.getBoundingClientRect().height;
+      let r = t ? "calc(100% - 30px)" : "100%";
+      i && i.top + s > window.innerHeight && i.top - s > 0 && (r = `calc(100% - ${a}px - ${s}px)`), this.popupRef.value.style.top = r;
+    }
+  }
+  handleFocusOut(e) {
+    this.contains(e.target) || (this.onBlur(), this.hideCalendar());
+  }
+  async showCalendar() {
+    var e;
+    this.calendarOpen = !0, await P(20), this.handleCalendarPosition(), this.isMobileSafari && ((e = this.calRef.value) == null || e.focusOnCurrentDate());
+  }
+  hideCalendar() {
+    this.calendarOpen = !1;
+  }
+  async toggleCalendar(e) {
+    e.preventDefault(), this.calendarOpen ? this.hideCalendar() : this.showCalendar();
+  }
+};
+o([
+  u({ type: String, reflect: !0 })
+], l.prototype, "value", 2);
+o([
+  u({ type: Array })
+], l.prototype, "_value", 2);
+o([
+  u({ type: String, reflect: !0 })
+], l.prototype, "label", 2);
+o([
+  u({ type: String })
+], l.prototype, "dateformat", 2);
+o([
+  u({ type: Boolean, reflect: !0 })
+], l.prototype, "multiple", 2);
+o([
+  u({ type: Number, reflect: !0 })
+], l.prototype, "maxlength", 2);
+o([
+  u({ type: Boolean, reflect: !0 })
+], l.prototype, "range", 2);
+o([
+  u({ type: Boolean })
+], l.prototype, "showRangeLabels", 2);
+o([
+  u({ type: String, reflect: !0 })
+], l.prototype, "min", 2);
+o([
+  u({ type: String, reflect: !0 })
+], l.prototype, "max", 2);
+o([
+  u({ type: Boolean })
+], l.prototype, "weeknumbers", 2);
+o([
+  u({ type: Boolean, reflect: !0 })
+], l.prototype, "withcontrols", 2);
+o([
+  u({ converter: A.csvToArray })
+], l.prototype, "excludedates", 2);
+o([
+  u({ converter: A.csvToArray })
+], l.prototype, "excludeweekdays", 2);
+o([
+  u({ type: String })
+], l.prototype, "currentmonth", 2);
+o([
+  u({ type: Boolean, reflect: !0 })
+], l.prototype, "calendarOpen", 2);
+o([
+  u({ type: String })
+], l.prototype, "timezone", 2);
+o([
+  V()
+], l.prototype, "inputClasses", 2);
+o([
+  V()
+], l.prototype, "buttonClasses", 2);
+l = o([
+  H("pkt-datepicker")
+], l);
+export {
+  l as P
+};