@oslokommune/punkt-elements 12.37.0 → 12.37.2

package/dist/{datepicker-CpkTwszH.js → datepicker-hetVXVX4.js}

@@ -1,16 +1,16 @@
 import { e as f } from "./class-map-KyMqi0fa.js";
 import { o } from "./if-defined-BErSJCeJ.js";
-import { x as p, E as m, n as r, a as w } from "./element-DjjF_tEh.js";
-import { r as b } from "./state-BtbpSrdV.js";
-import { n as $, f as v, a as R, b as y, d as x } from "./calendar-KDcOWD6V.js";
-import { P as C } from "./input-element-Bic-t96S.js";
-import { e as g, n as u } from "./ref-iIffqQAI.js";
-import { c as _ } from "./repeat-D4kMediE.js";
+import { x as u, E as g, n as r, a as w } from "./element-DjjF_tEh.js";
+import { r as k } from "./state-BtbpSrdV.js";
+import { n as v, f as $, a as R, b as y, d as x } from "./calendar-KDcOWD6V.js";
+import { P as C } from "./input-element-aQDMXDVQ.js";
+import { e as m, n as p } from "./ref-iIffqQAI.js";
+import { c as T } from "./repeat-D4kMediE.js";
 import "./icon-Beoxup8E.js";
-import "./input-wrapper-CeeNYbDA.js";
-import "./tag-CGnj4c1Z.js";
-import { P as T } from "./pkt-slot-controller-DFrc5O93.js";
-const D = {
+import "./input-wrapper-BdeoMGnk.js";
+import "./tag-Cu8afZy8.js";
+import { P as _ } from "./pkt-slot-controller-DtDaD9q_.js";
+const S = {
   dateformat: {
     default: "dd.MM.yyyy"
   },
@@ -33,33 +33,33 @@ const D = {
     default: !1
   }
 }, c = {
-  props: D
+  props: S
 };
-var S = Object.defineProperty, I = Object.getOwnPropertyDescriptor, l = (t, e, i, n) => {
-  for (var s = n > 1 ? void 0 : n ? I(e, i) : e, h = t.length - 1, d; h >= 0; h--)
-    (d = t[h]) && (s = (n ? d(e, i, s) : d(s)) || s);
-  return n && s && S(e, i, s), s;
+var D = Object.defineProperty, I = Object.getOwnPropertyDescriptor, n = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? I(e, i) : e, h = t.length - 1, d; h >= 0; h--)
+    (d = t[h]) && (s = (a ? d(e, i, s) : d(s)) || s);
+  return a && s && D(e, i, s), s;
 };
-const k = (t) => new Promise((e) => setTimeout(e, t));
-let a = class extends C {
+const b = (t) => new Promise((e) => setTimeout(e, t));
+let l = 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 = 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 = g(), this.inputRefTo = g(), this.btnRef = g(), this.calRef = g(), this.popupRef = g(), this.helptextSlot = g(), this.addToSelected = (t) => {
+    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 = m(), this.inputRefTo = m(), this.btnRef = m(), this.calRef = m(), this.popupRef = m(), this.helptextSlot = m(), this.addToSelected = (t) => {
       const e = t.target;
       if (!e.value) return;
-      const i = this.min ? $(this.min) : null, n = this.max ? $(this.max) : null, s = $(e.value.split(",")[0]);
-      s && !isNaN(s.getTime()) && (!i || s >= i) && (!n || s <= n) && this.calRef.value && this.calRef.value.handleDateSelect(s), e.value = "";
-    }, this.slotController = new T(this, this.helptextSlot);
+      const i = this.min ? v(this.min) : null, a = this.max ? v(this.max) : null, s = v(e.value.split(",")[0]);
+      s && !isNaN(s.getTime()) && (!i || s >= i) && (!a || s <= a) && this.calRef.value && this.calRef.value.handleDateSelect(s), e.value = "";
+    }, this.slotController = new _(this, this.helptextSlot);
   }
   async connectedCallback() {
     super.connectedCallback();
     const t = navigator.userAgent, e = /iP(hone|od|ad)/.test(t);
     this.inputType = e ? "text" : "date", document && document.body.addEventListener("click", (i) => {
-      var n, s;
-      (n = this.inputRef) != null && n.value && ((s = this.btnRef) != null && s.value) && !this.inputRef.value.contains(i.target) && !(this.inputRefTo.value && this.inputRefTo.value.contains(i.target)) && !this.btnRef.value.contains(i.target) && !i.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 || 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 k(20), this.handleCalendarPosition());
+      var a, s;
+      (a = this.inputRef) != null && a.value && ((s = this.btnRef) != null && s.value) && !this.inputRef.value.contains(i.target) && !(this.inputRefTo.value && this.inputRefTo.value.contains(i.target)) && !this.btnRef.value.contains(i.target) && !i.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 || 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 b(20), this.handleCalendarPosition());
   }
   disconnectedCallback() {
     super.disconnectedCallback(), document && document.body.removeEventListener("click", (t) => {
@@ -85,7 +85,7 @@ let a = class extends C {
    * Rendering
    */
   renderInput() {
-    return p`
+    return u`
       <input
         class="${f(this.inputClasses)}"
         .type=${this.inputType}
@@ -98,8 +98,11 @@ let a = class extends C {
     }}
         ?disabled=${this.disabled}
         @keydown=${(t) => {
-      var e;
-      (t.key === "," || t.key === "Enter") && ((e = this.inputRef.value) == null || e.blur()), (t.key === "Space" || t.key === " ") && (t.preventDefault(), this.toggleCalendar(t));
+      var e, i;
+      if (t.key === "," && ((e = this.inputRef.value) == null || e.blur()), (t.key === "Space" || t.key === " ") && (t.preventDefault(), this.toggleCalendar(t)), t.key === "Enter") {
+        const a = this.internals.form;
+        a ? a.requestSubmit() : (i = this.inputRef.value) == null || i.blur();
+      }
     }}
         @input=${(t) => {
       this.onInput(), t.stopImmediatePropagation();
@@ -114,7 +117,7 @@ let a = class extends C {
         @change=${(t) => {
       t.stopImmediatePropagation();
     }}
-        ${u(this.inputRef)}
+        ${p(this.inputRef)}
       />
     `;
   }
@@ -123,8 +126,8 @@ let a = class extends C {
       "pkt-input-prefix": this.showRangeLabels,
       "pkt-hide": !this.showRangeLabels
     };
-    return p`
-      ${this.showRangeLabels ? p` <div class="pkt-input-prefix">${this.strings.generic.from}</div> ` : m}
+    return u`
+      ${this.showRangeLabels ? u` <div class="pkt-input-prefix">${this.strings.generic.from}</div> ` : g}
       <input
         class=${f(this.inputClasses)}
         .type=${this.inputType}
@@ -137,8 +140,11 @@ let a = class extends C {
       e.preventDefault(), this.showCalendar();
     }}
         @keydown=${(e) => {
-      var i;
-      (e.key === "," || e.key === "Enter") && ((i = this.inputRef.value) == null || i.blur()), (e.key === "Space" || e.key === " ") && (e.preventDefault(), this.toggleCalendar(e));
+      var i, a;
+      if (e.key === "," && ((i = this.inputRef.value) == null || i.blur()), (e.key === "Space" || e.key === " ") && (e.preventDefault(), this.toggleCalendar(e)), e.key === "Enter") {
+        const s = this.internals.form;
+        s ? s.requestSubmit() : (a = this.inputRefTo.value) == null || a.focus();
+      }
     }}
         @input=${(e) => {
       this.onInput(), e.stopImmediatePropagation();
@@ -147,22 +153,22 @@ let a = class extends C {
       this.onFocus(), this.isMobileSafari && this.showCalendar();
     }}
         @blur=${(e) => {
-      var i, n;
+      var i, a;
       if (e.target.value) {
         this.manageValidity(e.target);
-        const s = v(e.target.value);
-        s && this._value[0] !== e.target.value && this._value[1] && (this.clearInputValue(), (n = (i = this.calRef) == null ? void 0 : i.value) == null || n.handleDateSelect(s));
+        const s = $(e.target.value);
+        s && this._value[0] !== e.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=${(e) => {
       e.stopImmediatePropagation();
     }}
-        ${u(this.inputRef)}
+        ${p(this.inputRef)}
       />
       <div class="${f(t)}" id="${this.id}-to-label">
         ${this.strings.generic.to}
       </div>
-      ${this.showRangeLabels ? m : p` <div class="pkt-input-separator">–</div> `}
+      ${this.showRangeLabels ? g : u` <div class="pkt-input-separator">–</div> `}
       <input
         class=${f(this.inputClasses)}
         .type=${this.inputType}
@@ -176,8 +182,11 @@ let a = class extends C {
       e.preventDefault(), this.showCalendar();
     }}
         @keydown=${(e) => {
-      var i;
-      (e.key === "," || e.key === "Enter") && ((i = this.inputRefTo.value) == null || i.blur()), (e.key === "Space" || e.key === " ") && (e.preventDefault(), this.toggleCalendar(e));
+      var i, a;
+      if (e.key === "," && ((i = this.inputRefTo.value) == null || i.blur()), (e.key === "Space" || e.key === " ") && (e.preventDefault(), this.toggleCalendar(e)), e.key === "Enter") {
+        const s = this.internals.form;
+        s ? s.requestSubmit() : (a = this.inputRefTo.value) == null || a.blur();
+      }
     }}
         @input=${(e) => {
       this.onInput(), e.stopImmediatePropagation();
@@ -186,7 +195,7 @@ let a = class extends C {
       this.onFocus(), this.isMobileSafari && this.showCalendar();
     }}
         @blur=${(e) => {
-      var i, n, s;
+      var i, a, s;
       if ((i = this.calRef.value) != null && i.contains(e.relatedTarget) || this.onBlur(), e.target.value) {
         this.manageValidity(e.target);
         const h = e.target.value;
@@ -199,19 +208,19 @@ let a = class extends C {
           this.strings.forms.messages.rangeOverflow,
           e.target
         );
-        const d = v(e.target.value);
-        d && this._value[1] !== R(d) && ((s = (n = this.calRef) == null ? void 0 : n.value) == null || s.handleDateSelect(d));
+        const d = $(e.target.value);
+        d && this._value[1] !== R(d) && ((s = (a = this.calRef) == null ? void 0 : a.value) == null || s.handleDateSelect(d));
       }
     }}
         @change=${(e) => {
       e.stopImmediatePropagation();
     }}
-        ${u(this.inputRefTo)}
+        ${p(this.inputRefTo)}
       />
     `;
   }
   renderMultipleInput() {
-    return p`
+    return u`
       <input
         class=${f(this.inputClasses)}
         .type=${this.inputType}
@@ -233,22 +242,26 @@ let a = class extends C {
       this.onFocus(), this.isMobileSafari && this.showCalendar();
     }}
         @keydown=${(t) => {
-      (t.key === "," || t.key === "Enter") && (t.preventDefault(), this.addToSelected(t)), (t.key === "Space" || t.key === " ") && (t.preventDefault(), this.toggleCalendar(t));
+      var e;
+      if (t.key === "," && (t.preventDefault(), this.addToSelected(t)), (t.key === "Space" || t.key === " ") && (t.preventDefault(), this.toggleCalendar(t)), t.key === "Enter") {
+        const i = this.internals.form;
+        i ? i.requestSubmit() : (e = this.inputRef.value) == null || e.blur();
+      }
     }}
         @change=${(t) => {
       t.stopImmediatePropagation();
     }}
-        ${u(this.inputRef)}
+        ${p(this.inputRef)}
       />
     `;
   }
   renderTags() {
-    return p`
+    return u`
       <div class="pkt-datepicker__tags" aria-live="polite">
-        ${this._value[0] ? _(
+        ${this._value[0] ? T(
       this._value ?? [],
       (t) => t,
-      (t) => p`
+      (t) => u`
                 <pkt-tag
                   .id="${this.id + t + "-tag"}"
                   closeTag
@@ -258,23 +271,23 @@ let a = class extends C {
       )}"
                   @close=${() => {
         var e;
-        return (e = this.calRef.value) == null ? void 0 : e.handleDateSelect(v(t));
+        return (e = this.calRef.value) == null ? void 0 : e.handleDateSelect($(t));
       }}
                   ><time datetime="${t}">${y(t, this.dateformat)}</time></pkt-tag
                 >
               `
-    ) : m}
+    ) : g}
       </div>
     `;
   }
   renderCalendar() {
-    return p`<div
+    return u`<div
       class="pkt-calendar-popup pkt-${this.calendarOpen ? "show" : "hide"}"
       @focusout=${(t) => {
       this.calendarOpen && this.handleFocusOut(t);
     }}
       id="${this.id}-popup"
-      ${u(this.popupRef)}
+      ${p(this.popupRef)}
     >
       <pkt-calendar
         id="${this.id}-calendar"
@@ -288,14 +301,14 @@ let a = class extends C {
         .latest=${this.max}
         .excludedates=${Array.isArray(this.excludedates) ? this.excludedates : this.excludedates.split(",")}
         .excludeweekdays=${this.excludeweekdays}
-        .currentmonth=${this.currentmonth ? $(this.currentmonth) : null}
+        .currentmonth=${this.currentmonth ? v(this.currentmonth) : null}
         @date-selected=${(t) => {
       this.value = !this.multiple && !this.range ? t.detail[0] : t.detail, this._value = t.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();
     }}
-        ${u(this.calRef)}
+        ${p(this.calRef)}
       ></pkt-calendar>
     </div>`;
   }
@@ -312,7 +325,7 @@ let a = class extends C {
       "pkt-btn": !0,
       "pkt-btn--icon-only": !0,
       "pkt-btn--tertiary": !0
-    }, p`
+    }, u`
       <pkt-input-wrapper
         label="${this.label}"
         forId="${this.id}-input"
@@ -336,8 +349,8 @@ let a = class extends C {
         .ariaDescribedBy=${this.ariaDescribedBy}
         class="pkt-datepicker"
       >
-        <div class="pkt-contents" ${u(this.helptextSlot)} name="helptext" slot="helptext"></div>
-        ${this.multiple ? this.renderTags() : m}
+        <div class="pkt-contents" ${p(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" : ""}"
         >
@@ -348,7 +361,7 @@ let a = class extends C {
               type="button"
               @click=${this.toggleCalendar}
               ?disabled=${this.disabled}
-              ${u(this.btnRef)}
+              ${p(this.btnRef)}
             >
               <pkt-icon name="calendar"></pkt-icon>
               <span class="pkt-btn__text">${this.strings.calendar.buttonAltText}</span>
@@ -365,9 +378,9 @@ let a = class extends C {
   handleCalendarPosition() {
     var t;
     if (this.popupRef.value && this.inputRef.value) {
-      const e = this.multiple && !!this.maxlength, i = ((t = this.inputRef.value.parentElement) == null ? void 0 : t.getBoundingClientRect()) || this.inputRef.value.getBoundingClientRect(), n = e ? i.height + 30 : i.height, s = this.popupRef.value.getBoundingClientRect().height;
+      const e = this.multiple && !!this.maxlength, i = ((t = this.inputRef.value.parentElement) == null ? void 0 : t.getBoundingClientRect()) || this.inputRef.value.getBoundingClientRect(), a = e ? i.height + 30 : i.height, s = this.popupRef.value.getBoundingClientRect().height;
       let h = e ? "calc(100% - 30px)" : "100%";
-      i && i.top + s > window.innerHeight && i.top - s > 0 && (h = `calc(100% - ${n}px - ${s}px)`), this.popupRef.value.style.top = h;
+      i && i.top + s > window.innerHeight && i.top - s > 0 && (h = `calc(100% - ${a}px - ${s}px)`), this.popupRef.value.style.top = h;
     }
   }
   handleFocusOut(t) {
@@ -375,7 +388,7 @@ let a = class extends C {
   }
   async showCalendar() {
     var t;
-    this.calendarOpen = !0, await k(20), this.handleCalendarPosition(), this.isMobileSafari && ((t = this.calRef.value) == null || t.focusOnCurrentDate());
+    this.calendarOpen = !0, await b(20), this.handleCalendarPosition(), this.isMobileSafari && ((t = this.calRef.value) == null || t.focusOnCurrentDate());
   }
   hideCalendar() {
     this.calendarOpen = !1;
@@ -384,66 +397,66 @@ let a = class extends C {
     t.preventDefault(), this.calendarOpen ? this.hideCalendar() : this.showCalendar();
   }
 };
-l([
+n([
   r({ type: String, reflect: !0 })
-], a.prototype, "value", 2);
-l([
+], l.prototype, "value", 2);
+n([
   r({ type: Array })
-], a.prototype, "_value", 2);
-l([
+], l.prototype, "_value", 2);
+n([
   r({ type: String, reflect: !0 })
-], a.prototype, "label", 2);
-l([
+], l.prototype, "label", 2);
+n([
   r({ type: String })
-], a.prototype, "dateformat", 2);
-l([
+], l.prototype, "dateformat", 2);
+n([
   r({ type: Boolean, reflect: !0 })
-], a.prototype, "multiple", 2);
-l([
+], l.prototype, "multiple", 2);
+n([
   r({ type: Number, reflect: !0 })
-], a.prototype, "maxlength", 2);
-l([
+], l.prototype, "maxlength", 2);
+n([
   r({ type: Boolean, reflect: !0 })
-], a.prototype, "range", 2);
-l([
+], l.prototype, "range", 2);
+n([
   r({ type: Boolean })
-], a.prototype, "showRangeLabels", 2);
-l([
+], l.prototype, "showRangeLabels", 2);
+n([
   r({ type: String, reflect: !0 })
-], a.prototype, "min", 2);
-l([
+], l.prototype, "min", 2);
+n([
   r({ type: String, reflect: !0 })
-], a.prototype, "max", 2);
-l([
+], l.prototype, "max", 2);
+n([
   r({ type: Boolean })
-], a.prototype, "weeknumbers", 2);
-l([
+], l.prototype, "weeknumbers", 2);
+n([
   r({ type: Boolean, reflect: !0 })
-], a.prototype, "withcontrols", 2);
-l([
+], l.prototype, "withcontrols", 2);
+n([
   r({ converter: x.csvToArray })
-], a.prototype, "excludedates", 2);
-l([
+], l.prototype, "excludedates", 2);
+n([
   r({ converter: x.csvToArray })
-], a.prototype, "excludeweekdays", 2);
-l([
+], l.prototype, "excludeweekdays", 2);
+n([
   r({ type: String })
-], a.prototype, "currentmonth", 2);
-l([
+], l.prototype, "currentmonth", 2);
+n([
   r({ type: Boolean, reflect: !0 })
-], a.prototype, "calendarOpen", 2);
-l([
+], l.prototype, "calendarOpen", 2);
+n([
   r({ type: String })
-], a.prototype, "timezone", 2);
-l([
-  b()
-], a.prototype, "inputClasses", 2);
-l([
-  b()
-], a.prototype, "buttonClasses", 2);
-a = l([
+], l.prototype, "timezone", 2);
+n([
+  k()
+], l.prototype, "inputClasses", 2);
+n([
+  k()
+], l.prototype, "buttonClasses", 2);
+l = n([
   w("pkt-datepicker")
-], a);
+], l);
 export {
-  a as P
+  l as P
 };

package/dist/{datepicker-cR9MtXOh.cjs → datepicker-mhQrHoNJ.cjs}

@@ -1,14 +1,14 @@
-"use strict";const d=require("./class-map-DCyaICmy.cjs"),u=require("./if-defined-a3sotaUr.cjs"),s=require("./element-BSypUpzA.cjs"),k=require("./state-B5KCNjEd.cjs"),h=require("./calendar-CYY42kN4.cjs"),m=require("./input-element-C9ma8cdz.cjs"),r=require("./ref-BvbyvXRH.cjs"),v=require("./repeat-BnuruAat.cjs");require("./icon-BnKGwYjj.cjs");require("./input-wrapper-Cn929YTV.cjs");require("./tag-CgkUxA5D.cjs");const $=require("./pkt-slot-controller-plQxXRvV.cjs"),y={dateformat:{default:"dd.MM.yyyy"},min:{default:null},max:{default:null},weeknumbers:{default:!1},withcontrols:{default:!1},multiple:{default:!1},range:{default:!1}},o={props:y};var x=Object.defineProperty,b=Object.getOwnPropertyDescriptor,l=(c,t,e,i)=>{for(var n=i>1?void 0:i?b(t,e):t,a=c.length-1,p;a>=0;a--)(p=c[a])&&(n=(i?p(t,e,n):p(n))||n);return i&&n&&x(t,e,n),n};const g=c=>new Promise(t=>setTimeout(t,c));exports.PktDatepicker=class extends m.PktInputElement{constructor(){super(),this.value="",this._value=this.value?Array.isArray(this.value)?this.value:this.value.split(","):[],this.label="Datovelger",this.dateformat=o.props.dateformat.default,this.multiple=o.props.multiple.default,this.maxlength=null,this.range=o.props.range.default,this.showRangeLabels=!1,this.min=null,this.max=null,this.weeknumbers=o.props.weeknumbers.default,this.withcontrols=o.props.withcontrols.default,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=null,this.calendarOpen=!1,this.timezone="Europe/Oslo",this.inputClasses={},this.buttonClasses={},this.inputRef=r.e(),this.inputRefTo=r.e(),this.btnRef=r.e(),this.calRef=r.e(),this.popupRef=r.e(),this.helptextSlot=r.e(),this.addToSelected=t=>{const e=t.target;if(!e.value)return;const i=this.min?h.newDate(this.min):null,n=this.max?h.newDate(this.max):null,a=h.newDate(e.value.split(",")[0]);a&&!isNaN(a.getTime())&&(!i||a>=i)&&(!n||a<=n)&&this.calRef.value&&this.calRef.value.handleDateSelect(a),e.value=""},this.slotController=new $.PktSlotController(this,this.helptextSlot)}async connectedCallback(){super.connectedCallback();const t=navigator.userAgent,e=/iP(hone|od|ad)/.test(t);this.inputType=e?"text":"date",document&&document.body.addEventListener("click",i=>{var n,a;(n=this.inputRef)!=null&&n.value&&((a=this.btnRef)!=null&&a.value)&&!this.inputRef.value.contains(i.target)&&!(this.inputRefTo.value&&this.inputRefTo.value.contains(i.target))&&!this.btnRef.value.contains(i.target)&&!i.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||o.props.min.default,this.max=this.max||o.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 g(20),this.handleCalendarPosition())}disconnectedCallback(){super.disconnectedCallback(),document&&document.body.removeEventListener("click",t=>{var e,i;(e=this.inputRef)!=null&&e.value&&((i=this.btnRef)!=null&&i.value)&&!this.inputRef.value.contains(t.target)&&!this.btnRef.value.contains(t.target)&&this.hideCalendar()})}attributeChangedCallback(t,e,i){if(t==="value"){if(this.range&&(i==null?void 0:i.split(",").length)===1)return;this.value!==e&&this.valueChanged(i,e)}t==="excludedates"&&typeof this.excludedates=="string"&&(this.excludedates=(i==null?void 0:i.split(","))??[]),t==="excludeweekdays"&&typeof this.excludeweekdays=="string"&&(this.excludeweekdays=(i==null?void 0:i.split(","))??[]),super.attributeChangedCallback(t,e,i)}updated(t){if(t.has("value")){if(this.range&&this.value.length===1)return;this.valueChanged(this.value,t.get("value"))}super.updated(t)}renderInput(){return s.x`
+"use strict";const d=require("./class-map-DCyaICmy.cjs"),p=require("./if-defined-a3sotaUr.cjs"),s=require("./element-BSypUpzA.cjs"),m=require("./state-B5KCNjEd.cjs"),h=require("./calendar-CYY42kN4.cjs"),k=require("./input-element-XmmyUZmB.cjs"),r=require("./ref-BvbyvXRH.cjs"),v=require("./repeat-BnuruAat.cjs");require("./icon-BnKGwYjj.cjs");require("./input-wrapper-B-f_SotM.cjs");require("./tag-B9kFYxHg.cjs");const $=require("./pkt-slot-controller-Da-RgXfS.cjs"),y={dateformat:{default:"dd.MM.yyyy"},min:{default:null},max:{default:null},weeknumbers:{default:!1},withcontrols:{default:!1},multiple:{default:!1},range:{default:!1}},o={props:y};var b=Object.defineProperty,x=Object.getOwnPropertyDescriptor,l=(c,t,e,i)=>{for(var a=i>1?void 0:i?x(t,e):t,n=c.length-1,u;n>=0;n--)(u=c[n])&&(a=(i?u(t,e,a):u(a))||a);return i&&a&&b(t,e,a),a};const g=c=>new Promise(t=>setTimeout(t,c));exports.PktDatepicker=class extends k.PktInputElement{constructor(){super(),this.value="",this._value=this.value?Array.isArray(this.value)?this.value:this.value.split(","):[],this.label="Datovelger",this.dateformat=o.props.dateformat.default,this.multiple=o.props.multiple.default,this.maxlength=null,this.range=o.props.range.default,this.showRangeLabels=!1,this.min=null,this.max=null,this.weeknumbers=o.props.weeknumbers.default,this.withcontrols=o.props.withcontrols.default,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=null,this.calendarOpen=!1,this.timezone="Europe/Oslo",this.inputClasses={},this.buttonClasses={},this.inputRef=r.e(),this.inputRefTo=r.e(),this.btnRef=r.e(),this.calRef=r.e(),this.popupRef=r.e(),this.helptextSlot=r.e(),this.addToSelected=t=>{const e=t.target;if(!e.value)return;const i=this.min?h.newDate(this.min):null,a=this.max?h.newDate(this.max):null,n=h.newDate(e.value.split(",")[0]);n&&!isNaN(n.getTime())&&(!i||n>=i)&&(!a||n<=a)&&this.calRef.value&&this.calRef.value.handleDateSelect(n),e.value=""},this.slotController=new $.PktSlotController(this,this.helptextSlot)}async connectedCallback(){super.connectedCallback();const t=navigator.userAgent,e=/iP(hone|od|ad)/.test(t);this.inputType=e?"text":"date",document&&document.body.addEventListener("click",i=>{var a,n;(a=this.inputRef)!=null&&a.value&&((n=this.btnRef)!=null&&n.value)&&!this.inputRef.value.contains(i.target)&&!(this.inputRefTo.value&&this.inputRefTo.value.contains(i.target))&&!this.btnRef.value.contains(i.target)&&!i.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||o.props.min.default,this.max=this.max||o.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 g(20),this.handleCalendarPosition())}disconnectedCallback(){super.disconnectedCallback(),document&&document.body.removeEventListener("click",t=>{var e,i;(e=this.inputRef)!=null&&e.value&&((i=this.btnRef)!=null&&i.value)&&!this.inputRef.value.contains(t.target)&&!this.btnRef.value.contains(t.target)&&this.hideCalendar()})}attributeChangedCallback(t,e,i){if(t==="value"){if(this.range&&(i==null?void 0:i.split(",").length)===1)return;this.value!==e&&this.valueChanged(i,e)}t==="excludedates"&&typeof this.excludedates=="string"&&(this.excludedates=(i==null?void 0:i.split(","))??[]),t==="excludeweekdays"&&typeof this.excludeweekdays=="string"&&(this.excludeweekdays=(i==null?void 0:i.split(","))??[]),super.attributeChangedCallback(t,e,i)}updated(t){if(t.has("value")){if(this.range&&this.value.length===1)return;this.valueChanged(this.value,t.get("value"))}super.updated(t)}renderInput(){return s.x`
       <input
         class="${d.e(this.inputClasses)}"
         .type=${this.inputType}
         id="${this.id}-input"
         .value=${this._value[0]??""}
-        min=${u.o(this.min)}
-        max=${u.o(this.max)}
+        min=${p.o(this.min)}
+        max=${p.o(this.max)}
         @click=${t=>{t.preventDefault(),this.showCalendar()}}
         ?disabled=${this.disabled}
-        @keydown=${t=>{var e;(t.key===","||t.key==="Enter")&&((e=this.inputRef.value)==null||e.blur()),(t.key==="Space"||t.key===" ")&&(t.preventDefault(),this.toggleCalendar(t))}}
+        @keydown=${t=>{var e,i;if(t.key===","&&((e=this.inputRef.value)==null||e.blur()),(t.key==="Space"||t.key===" ")&&(t.preventDefault(),this.toggleCalendar(t)),t.key==="Enter"){const a=this.internals.form;a?a.requestSubmit():(i=this.inputRef.value)==null||i.blur()}}}
         @input=${t=>{this.onInput(),t.stopImmediatePropagation()}}
         @focus=${()=>{this.onFocus(),this.isMobileSafari&&this.showCalendar()}}
         @blur=${t=>{var e;(e=this.calRef.value)!=null&&e.contains(t.relatedTarget)||this.onBlur(),this.manageValidity(t.target),this.value=t.target.value}}
@@ -22,14 +22,14 @@
         .type=${this.inputType}
         id="${this.id}-input"
         .value=${this._value[0]??""}
-        min=${u.o(this.min)}
-        max=${u.o(this.max)}
+        min=${p.o(this.min)}
+        max=${p.o(this.max)}
         ?disabled=${this.disabled}
         @click=${e=>{e.preventDefault(),this.showCalendar()}}
-        @keydown=${e=>{var i;(e.key===","||e.key==="Enter")&&((i=this.inputRef.value)==null||i.blur()),(e.key==="Space"||e.key===" ")&&(e.preventDefault(),this.toggleCalendar(e))}}
+        @keydown=${e=>{var i,a;if(e.key===","&&((i=this.inputRef.value)==null||i.blur()),(e.key==="Space"||e.key===" ")&&(e.preventDefault(),this.toggleCalendar(e)),e.key==="Enter"){const n=this.internals.form;n?n.requestSubmit():(a=this.inputRefTo.value)==null||a.focus()}}}
         @input=${e=>{this.onInput(),e.stopImmediatePropagation()}}
         @focus=${()=>{this.onFocus(),this.isMobileSafari&&this.showCalendar()}}
-        @blur=${e=>{var i,n;if(e.target.value){this.manageValidity(e.target);const a=h.fromISOToDate(e.target.value);a&&this._value[0]!==e.target.value&&this._value[1]&&(this.clearInputValue(),(n=(i=this.calRef)==null?void 0:i.value)==null||n.handleDateSelect(a))}else this._value[0]&&this.clearInputValue()}}
+        @blur=${e=>{var i,a;if(e.target.value){this.manageValidity(e.target);const n=h.fromISOToDate(e.target.value);n&&this._value[0]!==e.target.value&&this._value[1]&&(this.clearInputValue(),(a=(i=this.calRef)==null?void 0:i.value)==null||a.handleDateSelect(n))}else this._value[0]&&this.clearInputValue()}}
         @change=${e=>{e.stopImmediatePropagation()}}
         ${r.n(this.inputRef)}
       />
@@ -43,14 +43,14 @@
         id="${this.id}-to"
         aria-labelledby="${this.id}-to-label"
         .value=${this._value[1]??""}
-        min=${u.o(this.min)}
-        max=${u.o(this.max)}
+        min=${p.o(this.min)}
+        max=${p.o(this.max)}
         ?disabled=${this.disabled}
         @click=${e=>{e.preventDefault(),this.showCalendar()}}
-        @keydown=${e=>{var i;(e.key===","||e.key==="Enter")&&((i=this.inputRefTo.value)==null||i.blur()),(e.key==="Space"||e.key===" ")&&(e.preventDefault(),this.toggleCalendar(e))}}
+        @keydown=${e=>{var i,a;if(e.key===","&&((i=this.inputRefTo.value)==null||i.blur()),(e.key==="Space"||e.key===" ")&&(e.preventDefault(),this.toggleCalendar(e)),e.key==="Enter"){const n=this.internals.form;n?n.requestSubmit():(a=this.inputRefTo.value)==null||a.blur()}}}
         @input=${e=>{this.onInput(),e.stopImmediatePropagation()}}
         @focus=${()=>{this.onFocus(),this.isMobileSafari&&this.showCalendar()}}
-        @blur=${e=>{var i,n,a;if((i=this.calRef.value)!=null&&i.contains(e.relatedTarget)||this.onBlur(),e.target.value){this.manageValidity(e.target);const p=e.target.value;this.min&&this.min>p?this.internals.setValidity({rangeUnderflow:!0},this.strings.forms.messages.rangeUnderflow,e.target):this.max&&this.max<p&&this.internals.setValidity({rangeOverflow:!0},this.strings.forms.messages.rangeOverflow,e.target);const f=h.fromISOToDate(e.target.value);f&&this._value[1]!==h.formatISODate(f)&&((a=(n=this.calRef)==null?void 0:n.value)==null||a.handleDateSelect(f))}}}
+        @blur=${e=>{var i,a,n;if((i=this.calRef.value)!=null&&i.contains(e.relatedTarget)||this.onBlur(),e.target.value){this.manageValidity(e.target);const u=e.target.value;this.min&&this.min>u?this.internals.setValidity({rangeUnderflow:!0},this.strings.forms.messages.rangeUnderflow,e.target):this.max&&this.max<u&&this.internals.setValidity({rangeOverflow:!0},this.strings.forms.messages.rangeOverflow,e.target);const f=h.fromISOToDate(e.target.value);f&&this._value[1]!==h.formatISODate(f)&&((n=(a=this.calRef)==null?void 0:a.value)==null||n.handleDateSelect(f))}}}
         @change=${e=>{e.stopImmediatePropagation()}}
         ${r.n(this.inputRefTo)}
       />
@@ -59,14 +59,14 @@
         class=${d.e(this.inputClasses)}
         .type=${this.inputType}
         id="${this.id}-input"
-        min=${u.o(this.min)}
-        max=${u.o(this.max)}
+        min=${p.o(this.min)}
+        max=${p.o(this.max)}
         ?disabled=${this.disabled||this.maxlength&&this._value.length>=this.maxlength}
         @click=${t=>{t.preventDefault(),this.showCalendar()}}
         @blur=${t=>{var e;(e=this.calRef.value)!=null&&e.contains(t.relatedTarget)||this.onBlur(),this.addToSelected(t)}}
         @input=${t=>{this.onInput(),t.stopImmediatePropagation()}}
         @focus=${()=>{this.onFocus(),this.isMobileSafari&&this.showCalendar()}}
-        @keydown=${t=>{(t.key===","||t.key==="Enter")&&(t.preventDefault(),this.addToSelected(t)),(t.key==="Space"||t.key===" ")&&(t.preventDefault(),this.toggleCalendar(t))}}
+        @keydown=${t=>{var e;if(t.key===","&&(t.preventDefault(),this.addToSelected(t)),(t.key==="Space"||t.key===" ")&&(t.preventDefault(),this.toggleCalendar(t)),t.key==="Enter"){const i=this.internals.form;i?i.requestSubmit():(e=this.inputRef.value)==null||e.blur()}}}
         @change=${t=>{t.stopImmediatePropagation()}}
         ${r.n(this.inputRef)}
       />
@@ -150,4 +150,4 @@
         </div>
       </pkt-input-wrapper>
       ${this.renderCalendar()}
-    `}handleCalendarPosition(){var t;if(this.popupRef.value&&this.inputRef.value){const e=this.multiple&&!!this.maxlength,i=((t=this.inputRef.value.parentElement)==null?void 0:t.getBoundingClientRect())||this.inputRef.value.getBoundingClientRect(),n=e?i.height+30:i.height,a=this.popupRef.value.getBoundingClientRect().height;let p=e?"calc(100% - 30px)":"100%";i&&i.top+a>window.innerHeight&&i.top-a>0&&(p=`calc(100% - ${n}px - ${a}px)`),this.popupRef.value.style.top=p}}handleFocusOut(t){this.contains(t.target)||(this.onBlur(),this.hideCalendar())}async showCalendar(){var t;this.calendarOpen=!0,await g(20),this.handleCalendarPosition(),this.isMobileSafari&&((t=this.calRef.value)==null||t.focusOnCurrentDate())}hideCalendar(){this.calendarOpen=!1}async toggleCalendar(t){t.preventDefault(),this.calendarOpen?this.hideCalendar():this.showCalendar()}};l([s.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"value",2);l([s.n({type:Array})],exports.PktDatepicker.prototype,"_value",2);l([s.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"label",2);l([s.n({type:String})],exports.PktDatepicker.prototype,"dateformat",2);l([s.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"multiple",2);l([s.n({type:Number,reflect:!0})],exports.PktDatepicker.prototype,"maxlength",2);l([s.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"range",2);l([s.n({type:Boolean})],exports.PktDatepicker.prototype,"showRangeLabels",2);l([s.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"min",2);l([s.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"max",2);l([s.n({type:Boolean})],exports.PktDatepicker.prototype,"weeknumbers",2);l([s.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"withcontrols",2);l([s.n({converter:h.converters.csvToArray})],exports.PktDatepicker.prototype,"excludedates",2);l([s.n({converter:h.converters.csvToArray})],exports.PktDatepicker.prototype,"excludeweekdays",2);l([s.n({type:String})],exports.PktDatepicker.prototype,"currentmonth",2);l([s.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"calendarOpen",2);l([s.n({type:String})],exports.PktDatepicker.prototype,"timezone",2);l([k.r()],exports.PktDatepicker.prototype,"inputClasses",2);l([k.r()],exports.PktDatepicker.prototype,"buttonClasses",2);exports.PktDatepicker=l([s.t("pkt-datepicker")],exports.PktDatepicker);
+    `}handleCalendarPosition(){var t;if(this.popupRef.value&&this.inputRef.value){const e=this.multiple&&!!this.maxlength,i=((t=this.inputRef.value.parentElement)==null?void 0:t.getBoundingClientRect())||this.inputRef.value.getBoundingClientRect(),a=e?i.height+30:i.height,n=this.popupRef.value.getBoundingClientRect().height;let u=e?"calc(100% - 30px)":"100%";i&&i.top+n>window.innerHeight&&i.top-n>0&&(u=`calc(100% - ${a}px - ${n}px)`),this.popupRef.value.style.top=u}}handleFocusOut(t){this.contains(t.target)||(this.onBlur(),this.hideCalendar())}async showCalendar(){var t;this.calendarOpen=!0,await g(20),this.handleCalendarPosition(),this.isMobileSafari&&((t=this.calRef.value)==null||t.focusOnCurrentDate())}hideCalendar(){this.calendarOpen=!1}async toggleCalendar(t){t.preventDefault(),this.calendarOpen?this.hideCalendar():this.showCalendar()}};l([s.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"value",2);l([s.n({type:Array})],exports.PktDatepicker.prototype,"_value",2);l([s.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"label",2);l([s.n({type:String})],exports.PktDatepicker.prototype,"dateformat",2);l([s.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"multiple",2);l([s.n({type:Number,reflect:!0})],exports.PktDatepicker.prototype,"maxlength",2);l([s.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"range",2);l([s.n({type:Boolean})],exports.PktDatepicker.prototype,"showRangeLabels",2);l([s.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"min",2);l([s.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"max",2);l([s.n({type:Boolean})],exports.PktDatepicker.prototype,"weeknumbers",2);l([s.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"withcontrols",2);l([s.n({converter:h.converters.csvToArray})],exports.PktDatepicker.prototype,"excludedates",2);l([s.n({converter:h.converters.csvToArray})],exports.PktDatepicker.prototype,"excludeweekdays",2);l([s.n({type:String})],exports.PktDatepicker.prototype,"currentmonth",2);l([s.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"calendarOpen",2);l([s.n({type:String})],exports.PktDatepicker.prototype,"timezone",2);l([m.r()],exports.PktDatepicker.prototype,"inputClasses",2);l([m.r()],exports.PktDatepicker.prototype,"buttonClasses",2);exports.PktDatepicker=l([s.t("pkt-datepicker")],exports.PktDatepicker);

package/dist/dialog-polyfill.esm-CPKZe7AL.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var d=window.CustomEvent;(!d||typeof d=="object")&&(d=function(t,o){o=o||{};var i=document.createEvent("CustomEvent");return i.initCustomEvent(t,!!o.bubbles,!!o.cancelable,o.detail||null),i},d.prototype=window.Event.prototype);function g(e,t){var o="on"+t.type.toLowerCase();return typeof e[o]=="function"&&e[o](t),e.dispatchEvent(t)}function E(e){for(;e&&e!==document.body;){var t=window.getComputedStyle(e),o=function(i,a){return!(t[i]===void 0||t[i]===a)};if(t.opacity<1||o("zIndex","auto")||o("transform","none")||o("mixBlendMode","normal")||o("filter","none")||o("perspective","none")||t.isolation==="isolate"||t.position==="fixed"||t.webkitOverflowScrolling==="touch")return!0;e=e.parentElement}return!1}function c(e){for(;e;){if(e.localName==="dialog")return e;e.parentElement?e=e.parentElement:e.parentNode?e=e.parentNode.host:e=null}return null}function b(e){for(;e&&e.shadowRoot&&e.shadowRoot.activeElement;)e=e.shadowRoot.activeElement;e&&e.blur&&e!==document.body&&e.blur()}function M(e,t){for(var o=0;o<e.length;++o)if(e[o]===t)return!0;return!1}function h(e){return!e||!e.hasAttribute("method")?!1:e.getAttribute("method").toLowerCase()==="dialog"}function v(e){var t=["button","input","keygen","select","textarea"],o=t.map(function(s){return s+":not([disabled])"});o.push('[tabindex]:not([disabled]):not([tabindex=""])');var i=e.querySelector(o.join(", "));if(!i&&"attachShadow"in Element.prototype)for(var a=e.querySelectorAll("*"),r=0;r<a.length&&!(a[r].tagName&&a[r].shadowRoot&&(i=v(a[r].shadowRoot),i));r++);return i}function m(e){return e.isConnected||document.body.contains(e)}function y(e){if(e.submitter)return e.submitter;var t=e.target;if(!(t instanceof HTMLFormElement))return null;var o=n.formSubmitter;if(!o){var i=e.target,a="getRootNode"in i&&i.getRootNode()||document;o=a.activeElement}return!o||o.form!==t?null:o}function D(e){if(!e.defaultPrevented){var t=e.target,o=n.imagemapUseValue,i=y(e);o===null&&i&&(o=i.value);var a=c(t);if(a){var r=i&&i.getAttribute("formmethod")||t.getAttribute("method");r==="dialog"&&(e.preventDefault(),o!=null?a.close(o):a.close())}}}function _(e){if(this.dialog_=e,this.replacedStyleTop_=!1,this.openAsModal_=!1,e.hasAttribute("role")||e.setAttribute("role","dialog"),e.show=this.show.bind(this),e.showModal=this.showModal.bind(this),e.close=this.close.bind(this),e.addEventListener("submit",D,!1),"returnValue"in e||(e.returnValue=""),"MutationObserver"in window){var t=new MutationObserver(this.maybeHideModal.bind(this));t.observe(e,{attributes:!0,attributeFilter:["open"]})}else{var o=!1,i=(function(){o?this.downgradeModal():this.maybeHideModal(),o=!1}).bind(this),a,r=function(s){if(s.target===e){var u="DOMNodeRemoved";o|=s.type.substr(0,u.length)===u,window.clearTimeout(a),a=window.setTimeout(i,0)}};["DOMAttrModified","DOMNodeRemoved","DOMNodeRemovedFromDocument"].forEach(function(s){e.addEventListener(s,r)})}Object.defineProperty(e,"open",{set:this.setOpen.bind(this),get:e.hasAttribute.bind(e,"open")}),this.backdrop_=document.createElement("div"),this.backdrop_.className="backdrop",this.backdrop_.addEventListener("mouseup",this.backdropMouseEvent_.bind(this)),this.backdrop_.addEventListener("mousedown",this.backdropMouseEvent_.bind(this)),this.backdrop_.addEventListener("click",this.backdropMouseEvent_.bind(this))}_.prototype={get dialog(){return this.dialog_},maybeHideModal:function(){this.dialog_.hasAttribute("open")&&m(this.dialog_)||this.downgradeModal()},downgradeModal:function(){this.openAsModal_&&(this.openAsModal_=!1,this.dialog_.style.zIndex="",this.replacedStyleTop_&&(this.dialog_.style.top="",this.replacedStyleTop_=!1),this.backdrop_.parentNode&&this.backdrop_.parentNode.removeChild(this.backdrop_),n.dm.removeDialog(this))},setOpen:function(e){e?this.dialog_.hasAttribute("open")||this.dialog_.setAttribute("open",""):(this.dialog_.removeAttribute("open"),this.maybeHideModal())},backdropMouseEvent_:function(e){if(this.dialog_.hasAttribute("tabindex"))this.dialog_.focus();else{var t=document.createElement("div");this.dialog_.insertBefore(t,this.dialog_.firstChild),t.tabIndex=-1,t.focus(),this.dialog_.removeChild(t)}var o=document.createEvent("MouseEvents");o.initMouseEvent(e.type,e.bubbles,e.cancelable,window,e.detail,e.screenX,e.screenY,e.clientX,e.clientY,e.ctrlKey,e.altKey,e.shiftKey,e.metaKey,e.button,e.relatedTarget),this.dialog_.dispatchEvent(o),e.stopPropagation()},focus_:function(){var e=this.dialog_.querySelector("[autofocus]:not([disabled])");!e&&this.dialog_.tabIndex>=0&&(e=this.dialog_),e||(e=v(this.dialog_)),b(document.activeElement),e&&e.focus()},updateZIndex:function(e,t){if(e<t)throw new Error("dialogZ should never be < backdropZ");this.dialog_.style.zIndex=e,this.backdrop_.style.zIndex=t},show:function(){this.dialog_.open||(this.setOpen(!0),this.focus_())},showModal:function(){if(this.dialog_.hasAttribute("open"))throw new Error("Failed to execute 'showModal' on dialog: The element is already open, and therefore cannot be opened modally.");if(!m(this.dialog_))throw new Error("Failed to execute 'showModal' on dialog: The element is not in a Document.");if(!n.dm.pushDialog(this))throw new Error("Failed to execute 'showModal' on dialog: There are too many open modal dialogs.");E(this.dialog_.parentElement)&&console.warn("A dialog is being shown inside a stacking context. This may cause it to be unusable. For more information, see this link: https://github.com/GoogleChrome/dialog-polyfill/#stacking-context"),this.setOpen(!0),this.openAsModal_=!0,n.needsCentering(this.dialog_)?(n.reposition(this.dialog_),this.replacedStyleTop_=!0):this.replacedStyleTop_=!1,this.dialog_.parentNode.insertBefore(this.backdrop_,this.dialog_.nextSibling),this.focus_()},close:function(e){if(!this.dialog_.hasAttribute("open"))throw new Error("Failed to execute 'close' on dialog: The element does not have an 'open' attribute, and therefore cannot be closed.");this.setOpen(!1),e!==void 0&&(this.dialog_.returnValue=e);var t=new d("close",{bubbles:!1,cancelable:!1});g(this.dialog_,t)}};var n={};n.reposition=function(e){var t=document.body.scrollTop||document.documentElement.scrollTop,o=t+(window.innerHeight-e.offsetHeight)/2;e.style.top=Math.max(t,o)+"px"};n.isInlinePositionSetByStylesheet=function(e){for(var t=0;t<document.styleSheets.length;++t){var o=document.styleSheets[t],i=null;try{i=o.cssRules}catch{}if(i)for(var a=0;a<i.length;++a){var r=i[a],s=null;try{s=document.querySelectorAll(r.selectorText)}catch{}if(!(!s||!M(s,e))){var u=r.style.getPropertyValue("top"),f=r.style.getPropertyValue("bottom");if(u&&u!=="auto"||f&&f!=="auto")return!0}}}return!1};n.needsCentering=function(e){var t=window.getComputedStyle(e);return t.position!=="absolute"||e.style.top!=="auto"&&e.style.top!==""||e.style.bottom!=="auto"&&e.style.bottom!==""?!1:!n.isInlinePositionSetByStylesheet(e)};n.forceRegisterDialog=function(e){if((window.HTMLDialogElement||e.showModal)&&console.warn("This browser already supports <dialog>, the polyfill may not work correctly",e),e.localName!=="dialog")throw new Error("Failed to register dialog: The element is not a dialog.");new _(e)};n.registerDialog=function(e){e.showModal||n.forceRegisterDialog(e)};n.DialogManager=function(){this.pendingDialogStack=[];var e=this.checkDOM_.bind(this);this.overlay=document.createElement("div"),this.overlay.className="_dialog_overlay",this.overlay.addEventListener("click",(function(t){this.forwardTab_=void 0,t.stopPropagation(),e([])}).bind(this)),this.handleKey_=this.handleKey_.bind(this),this.handleFocus_=this.handleFocus_.bind(this),this.zIndexLow_=1e5,this.zIndexHigh_=100150,this.forwardTab_=void 0,"MutationObserver"in window&&(this.mo_=new MutationObserver(function(t){var o=[];t.forEach(function(i){for(var a=0,r;r=i.removedNodes[a];++a){if(r instanceof Element)r.localName==="dialog"&&o.push(r);else continue;o=o.concat(r.querySelectorAll("dialog"))}}),o.length&&e(o)}))};n.DialogManager.prototype.blockDocument=function(){document.documentElement.addEventListener("focus",this.handleFocus_,!0),document.addEventListener("keydown",this.handleKey_),this.mo_&&this.mo_.observe(document,{childList:!0,subtree:!0})};n.DialogManager.prototype.unblockDocument=function(){document.documentElement.removeEventListener("focus",this.handleFocus_,!0),document.removeEventListener("keydown",this.handleKey_),this.mo_&&this.mo_.disconnect()};n.DialogManager.prototype.updateStacking=function(){for(var e=this.zIndexHigh_,t=0,o;o=this.pendingDialogStack[t];++t)o.updateZIndex(--e,--e),t===0&&(this.overlay.style.zIndex=--e);var i=this.pendingDialogStack[0];if(i){var a=i.dialog.parentNode||document.body;a.appendChild(this.overlay)}else this.overlay.parentNode&&this.overlay.parentNode.removeChild(this.overlay)};n.DialogManager.prototype.containedByTopDialog_=function(e){for(;e=c(e);){for(var t=0,o;o=this.pendingDialogStack[t];++t)if(o.dialog===e)return t===0;e=e.parentElement}return!1};n.DialogManager.prototype.handleFocus_=function(e){var t=e.composedPath?e.composedPath()[0]:e.target;if(!this.containedByTopDialog_(t)&&document.activeElement!==document.documentElement&&(e.preventDefault(),e.stopPropagation(),b(t),this.forwardTab_!==void 0)){var o=this.pendingDialogStack[0],i=o.dialog,a=i.compareDocumentPosition(t);return a&Node.DOCUMENT_POSITION_PRECEDING&&(this.forwardTab_?o.focus_():t!==document.documentElement&&document.documentElement.focus()),!1}};n.DialogManager.prototype.handleKey_=function(e){if(this.forwardTab_=void 0,e.keyCode===27){e.preventDefault(),e.stopPropagation();var t=new d("cancel",{bubbles:!1,cancelable:!0}),o=this.pendingDialogStack[0];o&&g(o.dialog,t)&&o.dialog.close()}else e.keyCode===9&&(this.forwardTab_=!e.shiftKey)};n.DialogManager.prototype.checkDOM_=function(e){var t=this.pendingDialogStack.slice();t.forEach(function(o){e.indexOf(o.dialog)!==-1?o.downgradeModal():o.maybeHideModal()})};n.DialogManager.prototype.pushDialog=function(e){var t=(this.zIndexHigh_-this.zIndexLow_)/2-1;return this.pendingDialogStack.length>=t?!1:(this.pendingDialogStack.unshift(e)===1&&this.blockDocument(),this.updateStacking(),!0)};n.DialogManager.prototype.removeDialog=function(e){var t=this.pendingDialogStack.indexOf(e);t!==-1&&(this.pendingDialogStack.splice(t,1),this.pendingDialogStack.length===0&&this.unblockDocument(),this.updateStacking())};n.dm=new n.DialogManager;n.formSubmitter=null;n.imagemapUseValue=null;if(window.HTMLDialogElement===void 0){var p=document.createElement("form");if(p.setAttribute("method","dialog"),p.method!=="dialog"){var l=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"method");if(l){var k=l.get;l.get=function(){return h(this)?"dialog":k.call(this)};var S=l.set;l.set=function(e){return typeof e=="string"&&e.toLowerCase()==="dialog"?this.setAttribute("method",e):S.call(this,e)},Object.defineProperty(HTMLFormElement.prototype,"method",l)}}document.addEventListener("click",function(e){if(n.formSubmitter=null,n.imagemapUseValue=null,!e.defaultPrevented){var t=e.target;if("composedPath"in e){var o=e.composedPath();t=o.shift()||t}if(!(!t||!h(t.form))){var i=t.type==="submit"&&["button","input"].indexOf(t.localName)>-1;if(!i){if(!(t.localName==="input"&&t.type==="image"))return;n.imagemapUseValue=e.offsetX+","+e.offsetY}var a=c(t);a&&(n.formSubmitter=t)}}},!1),document.addEventListener("submit",function(e){var t=e.target,o=c(t);if(!o){var i=y(e),a=i&&i.getAttribute("formmethod")||t.getAttribute("method");a==="dialog"&&e.preventDefault()}});var T=HTMLFormElement.prototype.submit,x=function(){if(!h(this))return T.call(this);var e=c(this);e&&e.close()};HTMLFormElement.prototype.submit=x}exports.default=n;