@oslokommune/punkt-elements 12.31.2 → 12.32.0

package/dist/combobox.d.ts

@@ -0,0 +1,47 @@
+export { }
+
+
+/**
+ * Pkt Select is a wrapper for the native select element using the pkt-input-wrapper component.
+ *
+ * The component will prioritize options passed as a prop over options passed as children if both are provided.
+ * This is to allow for dynamic options that might change in the case of both children/slot and props are provided.
+ *
+ * @slot (default) - Options to be rendered as children
+ * @prop {TSelectOption[]} options - Options to be rendered as children
+ *
+ *
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'pkt-select': PktSelect & HTMLSelectElement;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'pkt-combobox': PktCombobox & HTMLSelectElement;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'pkt-icon': PktIcon;
+    }
+}
+
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'pkt-listbox': PktListbox;
+    }
+}
+
+
+declare global {
+    interface Window {
+        pktTz: string;
+    }
+}

package/dist/{datepicker-CYUvRGhE.js → datepicker-8MOgQsyL.js}

@@ -1,70 +1,16 @@
-import { e as x } from "./class-map-DWtqmIRS.js";
-import { o as k } from "./if-defined-eRX4e5zO.js";
-import { T as L, x as v, E as T, n as u, a as j } from "./element-C7XjZtLU.js";
-import { r as V } from "./state-CDQk0DFQ.js";
-import { n as S, f as _, a as F, b as P, d as A } from "./calendar-BbZNxsKY.js";
-import { P as q } from "./input-element-BK8UkQli.js";
-import { p as H, v as $, r as R, M as I, m as N, e as w, n as y } from "./ref-DbOSDQbk.js";
-import { e as U, i as K, t as W } from "./directive-B76A7YXI.js";
-import "./icon-BEUgV9Wo.js";
-import "./input-wrapper-DaZZq8c0.js";
-import "./tag-CmFcSdOV.js";
-import { P as z } from "./pkt-slot-controller-Clbye6cM.js";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const E = (e, t, i) => {
-  const a = /* @__PURE__ */ new Map();
-  for (let s = t; s <= i; s++) a.set(e[s], s);
-  return a;
-}, G = U(class extends K {
-  constructor(e) {
-    if (super(e), e.type !== W.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 = [], l = [];
-    let n = 0;
-    for (const f of e) s[n] = a ? a(f, n) : n, l[n] = i(f, n), n++;
-    return { values: l, keys: s };
-  }
-  render(e, t, i) {
-    return this.dt(e, t, i).values;
-  }
-  update(e, [t, i, a]) {
-    const s = H(e), { values: l, keys: n } = this.dt(t, i, a);
-    if (!Array.isArray(s)) return this.ut = n, l;
-    const f = this.ut ?? (this.ut = []), m = [];
-    let C, O, p = 0, h = s.length - 1, d = 0, c = l.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] = $(s[p], l[d]), p++, d++;
-    else if (f[h] === n[c]) m[c] = $(s[h], l[c]), h--, c--;
-    else if (f[p] === n[c]) m[c] = $(s[p], l[c]), R(e, m[c + 1], s[p]), p++, c--;
-    else if (f[h] === n[d]) m[d] = $(s[h], l[d]), R(e, s[p], s[h]), h--, d++;
-    else if (C === void 0 && (C = E(n, d, c), O = E(f, p, h)), C.has(f[p])) if (C.has(f[h])) {
-      const g = O.get(n[d]), D = g !== void 0 ? s[g] : null;
-      if (D === null) {
-        const M = R(e, s[p]);
-        $(M, l[d]), m[d] = M;
-      } else m[d] = $(D, l[d]), R(e, s[p], D), s[g] = null;
-      d++;
-    } else I(s[h]), h--;
-    else I(s[p]), p++;
-    for (; d <= c; ) {
-      const g = R(e, m[c + 1]);
-      $(g, l[d]), m[d++] = g;
-    }
-    for (; p <= h; ) {
-      const g = s[p++];
-      g !== null && I(g);
-    }
-    return this.ut = n, N(e, m), L;
-  }
-}), J = "pkt-datepicker", Q = !0, X = {
+import { e as m } from "./class-map-ChuDQU5C.js";
+import { o as d } from "./if-defined-rCqT8Od1.js";
+import { x as p, E as g, n as l, a as w } from "./element-G8JoS0Lj.js";
+import { r as b } from "./state-gfUuUqVg.js";
+import { n as v, f as k, a as R, b as y, d as x } from "./calendar-1ryAEdX3.js";
+import { P as C } from "./input-element-DM2uSYaW.js";
+import { e as f, n as h } from "./ref-cRTOoM4R.js";
+import { c as T } from "./repeat-CArTw6-s.js";
+import "./icon-BJnwW0eh.js";
+import "./input-wrapper-DQmYzhcy.js";
+import "./tag-CWx1XsGR.js";
+import { P as S } from "./pkt-slot-controller-D1DakVrU.js";
+const D = "pkt-datepicker", _ = !0, I = {
   name: {
     type: "string",
     name: "Navn",
@@ -233,7 +179,7 @@ const E = (e, t, i) => {
     name: "ID",
     description: "Unik identifikasjon for datovelgeren"
   }
-}, Y = {
+}, O = {
   change: {
     type: "Event",
     description: "Returnerer valgt dato som streng i ISO-format"
@@ -246,36 +192,36 @@ const E = (e, t, i) => {
     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: J,
+}, c = {
+  name: D,
   "css-class": "pkt-datepicker",
-  isElement: Q,
-  props: X,
-  events: Y
+  isElement: _,
+  props: I,
+  events: O
 };
-var Z = Object.defineProperty, ee = Object.getOwnPropertyDescriptor, o = (e, t, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ee(t, i) : t, l = e.length - 1, n; l >= 0; l--)
-    (n = e[l]) && (s = (a ? n(t, i, s) : n(s)) || s);
-  return a && s && Z(t, i, s), s;
+var P = Object.defineProperty, B = Object.getOwnPropertyDescriptor, n = (e, t, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? B(t, i) : t, o = e.length - 1, u; o >= 0; o--)
+    (u = e[o]) && (s = (r ? u(t, i, s) : u(s)) || s);
+  return r && s && P(t, i, s), s;
 };
-const B = (e) => new Promise((t) => setTimeout(t, e));
-let r = class extends q {
+const $ = (e) => new Promise((t) => setTimeout(t, e));
+let a = class extends C {
   /**
    * Housekeeping / lifecycle methods
    */
   constructor() {
-    super(), 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 = w(), this.inputRefTo = w(), this.btnRef = w(), this.calRef = w(), this.popupRef = w(), this.helptextSlot = w(), this.addToSelected = (e) => {
+    super(), this.value = "", this._value = this.value ? Array.isArray(this.value) ? this.value : this.value.split(",") : [], this.label = "Datovelger", this.dateformat = c.props.dateformat.default, this.multiple = c.props.multiple.default, this.maxlength = null, this.range = c.props.range.default, this.showRangeLabels = !1, this.min = null, this.max = null, this.weeknumbers = c.props.weeknumbers.default, this.withcontrols = c.props.withcontrols.default, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.calendarOpen = !1, this.timezone = "Europe/Oslo", this.inputClasses = {}, this.buttonClasses = {}, this.inputRef = f(), this.inputRefTo = f(), this.btnRef = f(), this.calRef = f(), this.popupRef = f(), this.helptextSlot = f(), this.addToSelected = (e) => {
       const t = e.target;
       if (!t.value) return;
-      const i = this.min ? S(this.min) : null, a = this.max ? S(this.max) : null, s = S(t.value.split(",")[0]);
-      s && !isNaN(s.getTime()) && (!i || s >= i) && (!a || s <= a) && this.calRef.value && this.calRef.value.handleDateSelect(s), t.value = "";
-    }, this.slotController = new z(this, this.helptextSlot);
+      const i = this.min ? v(this.min) : null, r = this.max ? v(this.max) : null, s = v(t.value.split(",")[0]);
+      s && !isNaN(s.getTime()) && (!i || s >= i) && (!r || s <= r) && this.calRef.value && this.calRef.value.handleDateSelect(s), t.value = "";
+    }, this.slotController = new S(this, this.helptextSlot);
   }
   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 B(20), this.handleCalendarPosition());
+    }), this.value.length && this._value.length === 0 && (this._value = Array.isArray(this.value) ? this.value : this.value.split(",")), this.min = this.min || c.props.min.default, this.max = this.max || c.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 $(20), this.handleCalendarPosition());
   }
   disconnectedCallback() {
     super.disconnectedCallback(), document && document.body.removeEventListener("click", (e) => {
@@ -301,14 +247,14 @@ let r = class extends q {
    * Rendering
    */
   renderInput() {
-    return v`
+    return p`
       <input
-        class="${x(this.inputClasses)}"
+        class="${m(this.inputClasses)}"
         .type=${this.inputType}
         id="${this.id}-input"
         .value=${this._value[0] ?? ""}
-        min=${k(this.min)}
-        max=${k(this.max)}
+        min=${d(this.min)}
+        max=${d(this.max)}
         @click=${(e) => {
       e.preventDefault(), this.showCalendar();
     }}
@@ -330,7 +276,7 @@ let r = class extends q {
         @change=${(e) => {
       e.stopImmediatePropagation();
     }}
-        ${y(this.inputRef)}
+        ${h(this.inputRef)}
       />
     `;
   }
@@ -339,15 +285,15 @@ let r = class extends q {
       "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}
+    return p`
+      ${this.showRangeLabels ? p` <div class="pkt-input-prefix">${this.strings.generic.from}</div> ` : g}
       <input
-        class=${x(this.inputClasses)}
+        class=${m(this.inputClasses)}
         .type=${this.inputType}
         id="${this.id}-input"
         .value=${this._value[0] ?? ""}
-        min=${k(this.min)}
-        max=${k(this.max)}
+        min=${d(this.min)}
+        max=${d(this.max)}
         ?disabled=${this.disabled}
         @click=${(t) => {
       t.preventDefault(), this.showCalendar();
@@ -363,30 +309,30 @@ let r = class extends q {
       this.onFocus(), this.isMobileSafari && this.showCalendar();
     }}
         @blur=${(t) => {
-      var i, a;
+      var i, r;
       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));
+        const s = k(t.target.value);
+        s && this._value[0] !== t.target.value && this._value[1] && (this.clearInputValue(), (r = (i = this.calRef) == null ? void 0 : i.value) == null || r.handleDateSelect(s));
       } else this._value[0] && this.clearInputValue();
     }}
         @change=${(t) => {
       t.stopImmediatePropagation();
     }}
-        ${y(this.inputRef)}
+        ${h(this.inputRef)}
       />
-      <div class="${x(e)}" id="${this.id}-to-label">
+      <div class="${m(e)}" id="${this.id}-to-label">
         ${this.strings.generic.to}
       </div>
-      ${this.showRangeLabels ? T : v` <div class="pkt-input-separator">–</div> `}
+      ${this.showRangeLabels ? g : p` <div class="pkt-input-separator">–</div> `}
       <input
-        class=${x(this.inputClasses)}
+        class=${m(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)}
+        min=${d(this.min)}
+        max=${d(this.max)}
         ?disabled=${this.disabled}
         @click=${(t) => {
       t.preventDefault(), this.showCalendar();
@@ -402,38 +348,38 @@ let r = class extends q {
       this.onFocus(), this.isMobileSafari && this.showCalendar();
     }}
         @blur=${(t) => {
-      var i, a, s;
+      var i, r, s;
       if ((i = this.calRef.value) != null && i.contains(t.relatedTarget) || this.onBlur(), t.target.value) {
         this.manageValidity(t.target);
-        const l = t.target.value;
-        this.min && this.min > l ? this.internals.setValidity(
+        const o = t.target.value;
+        this.min && this.min > o ? this.internals.setValidity(
           { rangeUnderflow: !0 },
           this.strings.forms.messages.rangeUnderflow,
           t.target
-        ) : this.max && this.max < l && this.internals.setValidity(
+        ) : this.max && this.max < o && this.internals.setValidity(
           { rangeOverflow: !0 },
           this.strings.forms.messages.rangeOverflow,
           t.target
         );
-        const n = _(t.target.value);
-        n && this._value[1] !== F(n) && ((s = (a = this.calRef) == null ? void 0 : a.value) == null || s.handleDateSelect(n));
+        const u = k(t.target.value);
+        u && this._value[1] !== R(u) && ((s = (r = this.calRef) == null ? void 0 : r.value) == null || s.handleDateSelect(u));
       }
     }}
         @change=${(t) => {
       t.stopImmediatePropagation();
     }}
-        ${y(this.inputRefTo)}
+        ${h(this.inputRefTo)}
       />
     `;
   }
   renderMultipleInput() {
-    return v`
+    return p`
       <input
-        class=${x(this.inputClasses)}
+        class=${m(this.inputClasses)}
         .type=${this.inputType}
         id="${this.id}-input"
-        min=${k(this.min)}
-        max=${k(this.max)}
+        min=${d(this.min)}
+        max=${d(this.max)}
         ?disabled=${this.disabled || this.maxlength && this._value.length >= this.maxlength}
         @click=${(e) => {
       e.preventDefault(), this.showCalendar();
@@ -454,43 +400,43 @@ let r = class extends q {
         @change=${(e) => {
       e.stopImmediatePropagation();
     }}
-        ${y(this.inputRef)}
+        ${h(this.inputRef)}
       />
     `;
   }
   renderTags() {
-    return v`
+    return p`
       <div class="pkt-datepicker__tags" aria-live="polite">
-        ${this._value[0] ? G(
+        ${this._value[0] ? T(
       this._value ?? [],
       (e) => e,
-      (e) => v`
+      (e) => p`
                 <pkt-tag
                   .id="${this.id + e + "-tag"}"
                   closeTag
-                  ariaLabel="${this.strings.calendar.deleteDate} ${P(
+                  ariaLabel="${this.strings.calendar.deleteDate} ${y(
         e,
         this.dateformat
       )}"
                   @close=${() => {
         var t;
-        return (t = this.calRef.value) == null ? void 0 : t.handleDateSelect(_(e));
+        return (t = this.calRef.value) == null ? void 0 : t.handleDateSelect(k(e));
       }}
-                  ><time datetime="${e}">${P(e, this.dateformat)}</time></pkt-tag
+                  ><time datetime="${e}">${y(e, this.dateformat)}</time></pkt-tag
                 >
               `
-    ) : T}
+    ) : g}
       </div>
     `;
   }
   renderCalendar() {
-    return v`<div
+    return p`<div
       class="pkt-calendar-popup pkt-${this.calendarOpen ? "show" : "hide"}"
       @focusout=${(e) => {
       this.calendarOpen && this.handleFocusOut(e);
     }}
       id="${this.id}-popup"
-      ${y(this.popupRef)}
+      ${h(this.popupRef)}
     >
       <pkt-calendar
         id="${this.id}-calendar"
@@ -504,14 +450,14 @@ let r = class extends q {
         .latest=${this.max}
         .excludedates=${Array.isArray(this.excludedates) ? this.excludedates : this.excludedates.split(",")}
         .excludeweekdays=${this.excludeweekdays}
-        .currentmonth=${this.currentmonth ? S(this.currentmonth) : null}
+        .currentmonth=${this.currentmonth ? v(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();
     }}
-        ${y(this.calRef)}
+        ${h(this.calRef)}
       ></pkt-calendar>
     </div>`;
   }
@@ -528,7 +474,7 @@ let r = class extends q {
       "pkt-btn": !0,
       "pkt-btn--icon-only": !0,
       "pkt-btn--tertiary": !0
-    }, v`
+    }, p`
       <pkt-input-wrapper
         label="${this.label}"
         forId="${this.id}-input"
@@ -537,6 +483,8 @@ let r = class extends q {
         .counterMaxLength=${this.maxlength}
         ?disabled=${this.disabled}
         ?hasError=${this.hasError}
+        ?hasFieldset=${this.hasFieldset}
+        ?inline=${this.inline}
         ?required=${this.required}
         ?optionalTag=${this.optionalTag}
         ?requiredTag=${this.requiredTag}
@@ -550,19 +498,19 @@ let r = class extends q {
         .ariaDescribedBy=${this.ariaDescribedBy}
         class="pkt-datepicker"
       >
-        <div class="pkt-contents" ${y(this.helptextSlot)} name="helptext" slot="helptext"></div>
-        ${this.multiple ? this.renderTags() : T}
+        <div class="pkt-contents" ${h(this.helptextSlot)} name="helptext" slot="helptext"></div>
+        ${this.multiple ? this.renderTags() : g}
         <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)}"
+              class="${m(this.buttonClasses)}"
               type="button"
               @click=${this.toggleCalendar}
               ?disabled=${this.disabled}
-              ${y(this.btnRef)}
+              ${h(this.btnRef)}
             >
               <pkt-icon name="calendar"></pkt-icon>
               <span class="pkt-btn__text">${this.strings.calendar.buttonAltText}</span>
@@ -579,9 +527,9 @@ let r = class extends q {
   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 l = t ? "calc(100% - 30px)" : "100%";
-      i && i.top + s > window.innerHeight && i.top - s > 0 && (l = `calc(100% - ${a}px - ${s}px)`), this.popupRef.value.style.top = l;
+      const t = this.multiple && !!this.maxlength, i = ((e = this.inputRef.value.parentElement) == null ? void 0 : e.getBoundingClientRect()) || this.inputRef.value.getBoundingClientRect(), r = t ? i.height + 30 : i.height, s = this.popupRef.value.getBoundingClientRect().height;
+      let o = t ? "calc(100% - 30px)" : "100%";
+      i && i.top + s > window.innerHeight && i.top - s > 0 && (o = `calc(100% - ${r}px - ${s}px)`), this.popupRef.value.style.top = o;
     }
   }
   handleFocusOut(e) {
@@ -589,7 +537,7 @@ let r = class extends q {
   }
   async showCalendar() {
     var e;
-    this.calendarOpen = !0, await B(20), this.handleCalendarPosition(), this.isMobileSafari && ((e = this.calRef.value) == null || e.focusOnCurrentDate());
+    this.calendarOpen = !0, await $(20), this.handleCalendarPosition(), this.isMobileSafari && ((e = this.calRef.value) == null || e.focusOnCurrentDate());
   }
   hideCalendar() {
     this.calendarOpen = !1;
@@ -598,66 +546,66 @@ let r = class extends q {
     e.preventDefault(), this.calendarOpen ? this.hideCalendar() : this.showCalendar();
   }
 };
-o([
-  u({ type: String, reflect: !0 })
-], r.prototype, "value", 2);
-o([
-  u({ type: Array })
-], r.prototype, "_value", 2);
-o([
-  u({ type: String, reflect: !0 })
-], r.prototype, "label", 2);
-o([
-  u({ type: String })
-], r.prototype, "dateformat", 2);
-o([
-  u({ type: Boolean, reflect: !0 })
-], r.prototype, "multiple", 2);
-o([
-  u({ type: Number, reflect: !0 })
-], r.prototype, "maxlength", 2);
-o([
-  u({ type: Boolean, reflect: !0 })
-], r.prototype, "range", 2);
-o([
-  u({ type: Boolean })
-], r.prototype, "showRangeLabels", 2);
-o([
-  u({ type: String, reflect: !0 })
-], r.prototype, "min", 2);
-o([
-  u({ type: String, reflect: !0 })
-], r.prototype, "max", 2);
-o([
-  u({ type: Boolean })
-], r.prototype, "weeknumbers", 2);
-o([
-  u({ type: Boolean, reflect: !0 })
-], r.prototype, "withcontrols", 2);
-o([
-  u({ converter: A.csvToArray })
-], r.prototype, "excludedates", 2);
-o([
-  u({ converter: A.csvToArray })
-], r.prototype, "excludeweekdays", 2);
-o([
-  u({ type: String })
-], r.prototype, "currentmonth", 2);
-o([
-  u({ type: Boolean, reflect: !0 })
-], r.prototype, "calendarOpen", 2);
-o([
-  u({ type: String })
-], r.prototype, "timezone", 2);
-o([
-  V()
-], r.prototype, "inputClasses", 2);
-o([
-  V()
-], r.prototype, "buttonClasses", 2);
-r = o([
-  j("pkt-datepicker")
-], r);
+n([
+  l({ type: String, reflect: !0 })
+], a.prototype, "value", 2);
+n([
+  l({ type: Array })
+], a.prototype, "_value", 2);
+n([
+  l({ type: String, reflect: !0 })
+], a.prototype, "label", 2);
+n([
+  l({ type: String })
+], a.prototype, "dateformat", 2);
+n([
+  l({ type: Boolean, reflect: !0 })
+], a.prototype, "multiple", 2);
+n([
+  l({ type: Number, reflect: !0 })
+], a.prototype, "maxlength", 2);
+n([
+  l({ type: Boolean, reflect: !0 })
+], a.prototype, "range", 2);
+n([
+  l({ type: Boolean })
+], a.prototype, "showRangeLabels", 2);
+n([
+  l({ type: String, reflect: !0 })
+], a.prototype, "min", 2);
+n([
+  l({ type: String, reflect: !0 })
+], a.prototype, "max", 2);
+n([
+  l({ type: Boolean })
+], a.prototype, "weeknumbers", 2);
+n([
+  l({ type: Boolean, reflect: !0 })
+], a.prototype, "withcontrols", 2);
+n([
+  l({ converter: x.csvToArray })
+], a.prototype, "excludedates", 2);
+n([
+  l({ converter: x.csvToArray })
+], a.prototype, "excludeweekdays", 2);
+n([
+  l({ type: String })
+], a.prototype, "currentmonth", 2);
+n([
+  l({ type: Boolean, reflect: !0 })
+], a.prototype, "calendarOpen", 2);
+n([
+  l({ type: String })
+], a.prototype, "timezone", 2);
+n([
+  b()
+], a.prototype, "inputClasses", 2);
+n([
+  b()
+], a.prototype, "buttonClasses", 2);
+a = n([
+  w("pkt-datepicker")
+], a);
 export {
-  r as P
+  a as P
 };